Inner HTML not working：angular2で定義されていない関数

Question

var table :HTMLTableElement = <HTMLTableElement> 
document.getElementById("test1"); 
var row = table.insertRow(1); 
var cell1 = row.insertCell(0); 
var cell2 = row.insertCell(1); 
var cell3 = row.insertCell(2); 
var cell4 = row.insertCell(3); 
var cell5 = row.insertCell(4); 
var cell6 = row.insertCell(5); 
var cell7 = row.insertCell(6); 
cell1.innerHTML = "<div contenteditable='true' id='newdoc'>Doctor</div>"; 
cell2.innerHTML = "<div contenteditable='true' id='newhosp'>Hospital</div>"; 
cell3.innerHTML = "<div contenteditable='true' id='costprice'>Cost price</div>"; 
cell4.innerHTML = "<div contenteditable='true' id='referralfee'>Referal price</div>"; 
cell5.innerHTML = "<div contenteditable='true' id='totalprice'>TotalPrice</div>"; 
cell6.innerHTML = '<a onclick=/"myFun();/">save</a>'; 

cell7.innerHTML = "<a> Cancel </a>"; 

クリック機能が期待どおりに機能していないため、エラーメソッドが定義されていません。

myFun(){ 
    alert('button clicked'); 
} 

Answer 1

ダイナミックHTMLを使用しているためです。

あなたが(click)を書く

、それは

は、クリックイベント

それは言うハンドル言いません

あなたはそれが持っている角度言う、私のコードをコンパイル

クリックイベントを処理する

動的HTMLを使用すると動作しません。ところで、なぜこのようなことをしますか？それは残酷で総体的です。あなたのHTMLテンプレートでそれを行うことはできませんか？