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+")'>

你缺少括号。

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

1 个答案: