Angular 角度2网格数据绑定事件的剑道用户界面

是否有一种方法可以捕获网格的数据绑定事件，类似于我们在KendoUI的jQuery版本中使用的方法。我需要在数据加载到网格中后执行一个操作

存在dataStateChange事件，但此事件在初始加载期间不会激发

目前，我正在使用超时函数来延迟执行，但这不是一个永久可靠的解决方案

---

谢谢。

我认为使用Angulars内置工具就足够了

首先，建议为网格创建一个新组件：

grid.component.html

<kendo-grid [data]="tableData" #myTable>
  <kendo-grid-column field="ListItem" title="List Item">
      <ng-template kendoGridCellTemplate let-dataItem>
        {{ dataItem.title }}
      </ng-template>  
  </kendo-grid-column>
</kendo-grid>

---

如果数组的内容发生变化，我们希望选择

AfterContentChecked

，它在每次类成员发生变化和调用

detectChanges

后运行，也就是说，在组件生命周期中重新呈现内容时。

很好的建议。谢谢不过，我希望有更多面向组件的方法。组件本身触发的事件。我刚刚检查了他们的最新版本，还没有数据绑定事件。也许使用Angular的ngAfterViewInit可能是最好的选择。遗憾的是，kendo似乎选择了更多面向模板的方法来实现其组件，这可能是因为kendo本质上只是一个jquery插件。对于完全基于组件的支持，您必须考虑角度材质。我也有同样的问题：我选择剑道在公司内部实施一个项目，但由于这样的问题，我们正从剑道转向棱角材料。这个解决方案很有效。Mods，请将其标记为解决方案。在ngOnChanges中处理数据changi可能是最好的，因为输入可能会更改，并且NgoAfterViewInit只调用一次！当输入发生更改时，更改检测将再次运行。无需使用

ngoonchanges

，除非有与

onPush相关的特殊内容

import { AfterViewInit, Component, ElementRef, Input, ViewChild } from '@angular/core';

@Component({
  selector: 'app-table',
  templateUrl: `./table.component.html`,
})
export class TableComponent implements AfterViewInit  {
  @ViewChild('myTable') myTable: ElementRef;

  public ngAfterViewInit() {
    console.log('loaded', this.myTable);
  }

  public tableData = [
    { title: 'Number 1', id: 'one'},
    { title: 'Number 2', id: 'two'},
  ];
}