类型'Observable <griddataresult> --aot上不存在属性“ loading”(请参见编辑)

时间:2018-10-05 08:46:30

标签: angular kendo-ui

我正在尝试使用Kendo Grid进行数据绑定。一切正常,除了在生产模式(--aot)中构建应用程序时

这是错误的出处:

//This is a service




Here are reference

export abstract class MainService extends BehaviorSubject<GridDataResult> {
  public loading: boolean;
  public pageSize: number = 10;

  products: Product[] = [];

  
  protected fetch(state: any): Observable<GridDataResult> {
    this.loading = true;
   // Make API call and map values
   
  }
}


// This is in my component

public view: Observable<GridDataResult>;
<kendo-grid id="productsGrid" [data]="view | async" [loading]="view.loading" [pageSize]="state.take" [skip]="state.skip"
  [sort]="state.sort" [sortable]="true" [pageable]="true" [scrollable]="'none'" (dataStateChange)="dataStateChange($event)"
  (remove)="removeHandler($event)">
  <kendo-grid-column field="name" title="Name" width="130"></kendo-grid-column>

</kendo-grid>

该错误仅在编译时出现:     类型“可观察”不存在属性“正在加载”

我确保属性加载为public。但这没有帮助。

任何建议都值得赞赏。

编辑:基本上,错误是因为没有view.loading属性,因为view是一个Observable,而observable中没有load属性。

1 个答案:

答案 0 :(得分:0)

我遇到了同样的问题,所以我问Telerik,他们告诉我使用数组表示法代替点:[loading]="view['loading']"。这对我来说还不错,但仍然可以正确显示加载图标。