Wijmo 不适用于已发布的 angular2答案

【问题标题】：Wijmo not working with released angular2Wijmo 不适用于已发布的 angular2
【发布时间】：2017-05-16 11:48:19
【问题描述】：

我正在使用带有 angular 2 发布版本的 wijmo 5。但是在使用 wijmo 设置所有文件和要求后，当 angular 2 应用程序中的写入代码显示错误，如代码行和错误如下时

数据：wijmo.collections.CollectionView；错误 TS2503：找不到命名空间 'wijmo'。

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

错误 TS2304：找不到名称“wijmo”。错误 TS2304：找不到名称“wijmo”。

【问题讨论】：

标签： angular tsc wijmo

【解决方案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。

【讨论】：