Wijmo 不适用于已发布的 angular2

Wijmo not working with released angular2

我正在使用 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'.

我在这里做一些假设:

  1. 您使用 Angular CLI 创建了 A2 项目
  2. 您使用 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 即可。