为 Angular 绑定到 Kendo 中的行项目

Question

我正在使用 Kendo 网格控件开发 Angular 应用程序。如何绑定到当前元素的属性？

例如，我有一个用户列表。我可以使用以下代码非常简单地列出它们：

<kendo-grid [data]="Users" style="height: 100%">
  <kendo-grid-column title="Email" field="Email"></kendo-grid-column>
  <kendo-grid-column title="Username" field="Username"></kendo-grid-column>
  <kendo-grid-column title="Permissions" field="Permissions"></kendo-grid-column>
</kendo-grid>

但是，我还想添加按钮列来执行编辑和删除用户等操作。还有一些地方我正在使用它，我希望有一个按钮列，可以路由到该对象的详细信息页面。在这种情况下，我需要将对象的 id 添加到路由中，但是我看不到获取对象的方法。我想做这样的事情：

<kendo-grid-column>
  <ng-template kendoGridCellTemplate>
    <button routerLink="/knprojects/{{project.id}}">View Notes</button>
  </ng-template>
</kendo-grid-column>

问题是我没有“项目”对象，因为没有 *ngFor 迭代项目...

对不起，如果这是一个简单的问题，但这是我第一次使用他们的网格和第一个真正的 Angular 应用程序，所以试图弄清楚。

Answer 1

没关系，我明白了。我实际上在树视图文档中找到了它，我在网格文档中没有看到它，但它似乎有效。如果您在模板定义中使用“let-project”，那么“project”就是对象。所以在我的例子中应该是：

<kendo-grid-column>
  <ng-template kendoGridCellTemplate let-project>
    <button routerLink="/knprojects/{{project.id}}">View Notes</button>
  </ng-template>
</kendo-grid-column>