Angular 通过按下按钮调用 TS 方法，动态将行附加到表中

Question

我正在尝试创建一个按钮，通过按下它应该动态地将行添加到表中。但是当我尝试在 TS (save_row()( 中调用该函数时，它会抛出错误。

如何在 TS 中调用函数/如何通过按下按钮动态地附加行？

.HTML：

<table id="myTable">
<thead>
<tr>
<th>GEOGRAPHY</th>
<th>COUNTRY</th>
<th>STATE</th>
<th>REGULATION</th>
<th>SMS</th>
<th>WEB</th>
<th>EMAIL</th>
<th>OPERATION</th>
</tr>
</thead>
<tbody #ir>
</tbody>
</table>    

打字稿：

var d=geo_Value;
var len=d.length;       
var  row = this.renderer.createElement('tr'); 
const col=this.renderer.createElement('td');
row.appendChild(col);  
col.outerHTML ="<tr id='row"+len+"'><td 
id='name_row"+geo_Value+"'>"+cou_Value+"</td><input type='button' 
id='save_button' value='Save' class='save' onclick='save_row("+len+")'> 
</td></tr>";
this.renderer.appendChild(this.ir.nativeElement,row);
let idGet=document.querySelectorAll('#save_button');
var myMessage = "it's working";
function save_row(a) {
}

Answer 1

在角度中，事件绑定应该是这样的

id='save_button' value='Save' class='save' (onclick)='save_row("+len+")'> 

您缺少括号。