Angular 是否将javascript生成的元素插入Priming turbotable?
我正在用PrimeNG的turbotable替换定制的桌子。我有一些按钮需要插入到表中,这些按钮调用我编写的特殊javascript函数,但我一直在研究如何将元素插入到表中 它显示为Angular 是否将javascript生成的元素插入Priming turbotable?,angular,typescript,primeng,primeng-turbotable,Angular,Typescript,Primeng,Primeng Turbotable,我正在用PrimeNG的turbotable替换定制的桌子。我有一些按钮需要插入到表中,这些按钮调用我编写的特殊javascript函数,但我一直在研究如何将元素插入到表中 它显示为[object HTMLInputElement],而不是按钮。我知道生成按钮的代码很好,因为它在旧表设置中工作得很好。我认为问题在于turbotable将其转换为文本,我不确定如何使其保持HTML 这就是展示的内容 这是涡轮工作台 机构计数{{results?.length} 选择权 机构 部门 附属公司计数
[object HTMLInputElement]
,而不是按钮。我知道生成按钮的代码很好,因为它在旧表设置中工作得很好。我认为问题在于turbotable将其转换为文本,我不确定如何使其保持HTML
这就是展示的内容
这是涡轮工作台
机构计数{{results?.length}
选择权
机构
部门
附属公司计数
BA-Sig日期
{{r.btnEdit}}
{{r.agency}
{{r.部门}
{{r.affiliateCount}
{{r.basicgdate}}
您最好在HTML组件文件中编写HTML按钮,而不是在TS代码中生成
所以我建议你换一个
<td> {{r.btnEdit}}</td>
有点像
<td><input type="button" value="Edit" class="btn-link" (click)="edit(r.id)"/></td>
更简洁易读
看到这个了吗为什么要在TS而不是HTML中创建按钮?这样我就可以向它传递一个复杂的onclick函数,而我似乎无法使用在HTML端生成的按钮。
<td><input type="button" value="Edit" class="btn-link" (click)="edit(r.id)"/></td>
edit(rowId) {
alert('Edition of row ' + rowId);
// do whatever you need
}