Функция нажатия кнопки не вызывается в Typecsript

Я столкнулся с проблемой при динамическом создании элемента Button в Typescript. Читаю свойства из внешнего конфига и соответственно создаю кнопки.

Кнопки появляются на экране. Только функциональность «щелчка» не применяется. я попытался дать предупреждение о нажатии кнопки, которое не появляется при нажатии кнопок. Нет ошибки, нет выхода.

Ниже приведен фрагмент моего кода:

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

Кто может помочь разобраться, что нужно изменить?


person Miss Komal    schedule 20.01.2017    source источник
comment
зачем вам программно создавать кнопки?   -  person Bala Abhinav    schedule 20.01.2017
comment
Требуется подключаться к разным серверам по нажатию кнопки, используя параметры из внешнего файла конфигурации. Я новичок в машинописи. Поэтому задал вопрос.   -  person Miss Komal    schedule 20.01.2017


Ответы (2)


Вам нужно будет прикрепить прослушиватель событий клика к вашей кнопке следующим образом:

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

Прослушиватель событий по умолчанию — «onclick», а не «click». Просто:

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

Рабочая скрипка здесь.

person btlj    schedule 20.01.2017