如何在 Angular-4 的 ng2-table 中添加复选框？答案

【问题标题】：How to add checkbox in ng2-table in Angular-4?如何在 Angular-4 的 ng2-table 中添加复选框？
【发布时间】：2018-10-05 07:33:37
【问题描述】：

我需要在我们使用 ng2-table 的 Angular 4 打字稿中添加复选框。

//code for ng-table in html
<ng-table (tableChanged)="onChangeTable(config)"
(cellClicked)="onCellClick($event)"
[rows]="rows" [columns]="columns">
</ng-table>

//to create checkbox I am adding html in component where filling the data.
data.forEach((item: any) => 
{item.CheckBox = '<input type="checkbox"></input>';

//cell click event in table component is getting triggered
public onCellClick(data: any): any {
     this event is getting triggered
     ....
}

UI 上的复选框已禁用或无法选中。我认为某些事件被触发并将所选值恢复为 false 每一次。如何防止这种情况？
我在哪里将此复选框绑定到 ng-model 或类似的？

请帮忙。谢谢你。

【问题讨论】：

标签： angular typescript checkbox ng2-smart-table

【解决方案1】：

您的数据在哪里绑定到表？复选框的模板在哪里？你能在stackblitz repo 中重新创建你的问题吗？

顺便说一句，official repo issues中有一个关于复选框的线程

【讨论】：

感谢您的回复。它不是常规复选框。它包含在 ng2-table 中。我能够触发单元格单击事件。但是从 UI 中禁用了复选框。还要浏览您提供的链接。
请提供minimal, complete and verifiable example好吗？以stackblitz 为例。
我已经编辑了我的问题并添加了更多详细信息。如果你能帮忙。谢谢。
感谢您的回复。问题解决了。在 cellClick 事件中，我们可以添加动态的基本 html 代码。这解决了问题。