Wijmo无法使用已发布的angular2

时间:2017-01-02 11:07:08

标签: angular tsc wijmo

我正在使用带有角度2发布版本的wijmo 5.但是在使用wijmo设置所有文件和要求时,当角度2应用程序中的写入代码显示错误时,如代码行并且错误正在跟随

  

data:wijmo.collections.CollectionView;    错误TS2503:找不到命名空间   ' wijmo'

     

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

     

错误TS2304:找不到名称' wijmo'。      错误TS2304:找不到名称' wijmo'。

1 个答案:

答案 0 :(得分:0)

我在这里做了一些假设:

  1. 您使用Angular CLI创建A2项目
  2. 您使用NPM将Wijmo库引入您的项目
  3. 如果是这样,那么在您使用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中即可。