Typecsriptでボタンのクリック機能が呼び出されない

Question

TypescriptでButton要素を動的に作成する際に問題が発生しています。 私は外部設定からプロパティを読み込み、それに応じてボタンを作成しています。

ボタンが画面に表示されます。 「クリック」機能のみが適用されません。私はボタンをクリックすると表示されない、ボタンのクリック時に警告を出すことを試みた。エラーも出力もありません。続き

は私のコードスニペットです：

for(var i=0; i< myArr.length; i++) 
        { 
         var button1 = document.createElement('button'); 
         button1.textContent = "Connect To button " + [i]; 
         button1.click = function() 
        { 
         alert("inside btn click function "); 
        } 
         docContent.appendChild(button1); 
        }; 

誰もが変更する必要があるかを把握助けることができますか？

Answer 1

あなたはとても好きなボタンにクリックイベントリスナーを添付する必要があります：

button1.addEventListener('click',()=>{ 
    //This would be your callback function for the click event on button 
}) 

Answer 2

デフォルトのイベントリスナーを「onclickの」ではなく、「クリック」されます。ちょうど：

button1.onclick = function() {alert('Clicked!');} 

作業フィドルhere。