Wijmo 不适用于已发布的 angular2

Question

我正在使用 wijmo 5 angular 2 发布 version.But 在使用 wijmo 设置所有文件和要求后 angular 2 应用程序中的写入代码显示错误代码行错误如下

data: wijmo.collections.CollectionView; error TS2503: Cannot find namespace 'wijmo'.

this.data = new wijmo.collections.CollectionView(new wijmo.collections.ObservableArray(data));

error TS2304: Cannot find name 'wijmo'. error TS2304: Cannot find name 'wijmo'.

Answer 1

我在这里做一些假设：

您使用 Angular CLI 创建了 A2 项目
您使用 NPM 将 Wijmo 库引入到您的项目中

如果是这样，那么在您使用 Wijmo 的模块中，您需要确保导入必要的 Wijmo 模块，即：

    ...

    import { WjCoreModule } from 'wijmo/wijmo.angular2.core';
    import { WjGridModule } from 'wijmo/wijmo.angular2.grid';
    import { WjInputModule } from 'wijmo/wijmo.angular2.input';

    ...


    @NgModule({
      declarations: [AppComponent],
      imports: [
       ...
        WjCoreModule,
        WjGridModule,
        WjInputModule,

       ...
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

然后在您正在处理的组件中，确保导入 Collection 视图，即：

...

import { CollectionView } from 'wijmo/wijmo';


@Component({
    selector: 'app-test',
    templateUrl: './test.component.html'
})
export class TestComponent  {

    data : CollectionView();
...

最后一点 - 在将数据传递到 CollectionView 之前，您不需要将数据包装在 Wijmo ObservableArray 中 - 只需将数据数组直接传递到 CollectionView 即可。

Wijmo 不适用于已发布的 angular2

Wijmo not working with released angular2

wijmo

tsc

angular