Угловой вызов метода 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>    

TypeScript:

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

У вас отсутствуют скобки.