我正在使用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>
问题是我没有'project'对象,因为没有* ngFor迭代项......
很抱歉,如果这是一个简单的问题,但这是我第一次使用他们的网格和第一个真正的Angular应用程序,所以试图找出它。
没关系,我明白了。我实际上在树视图文档中找到它,我没有在网格文档中看到它,但它似乎工作。如果在模板定义中使用'let-project',那么'project'就是对象。所以在我的例子中它应该是:
<kendo-grid-column>
<ng-template kendoGridCellTemplate let-project>
<button routerLink="/knprojects/{{project.id}}">View Notes</button>
</ng-template>
</kendo-grid-column>