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!');} 

Working fiddle here.