Question

我有一个问题，我很难找到答案：

我需要在组件内部通过JQuery附加一些HTML：

$('.calendar-container').append('<div class="confirm-popover" style="top: ' + (this.popoverTop - 80) + 'px; left: ' + this.popoverLeft + 'px">' +
'<div class="day-container"><div class="day-start">MER</div><div class="day-num">' + this.firstDaySelected + ' Mai</div><div class="day-year">2018</div></div>' +
'<div class="separator">-</div>' +
'<div class="day-container"><div class="day-start">JEU</div><div class="day-num">' + this.lastDaySelected + ' Mai</div><div class="day-year">2018</div>' +
'</div><div class="buttons"><button id="days-validator" class="validate" i18n>Valider</button><br /><button class="cancel" i18n>Annuler</button><div class="triangle"></div></div>');

此代码中有按钮。我希望能够处理这些事件的click事件并调用组件的功能。必须有一种方法，对吧？

Answer 1

如果使用的是jQuery，则可以从组件控制器执行。使用.on（）方法：

$('body').on('click', '#days-validator', (event) => { 
    // Triggered when you press the Valider button
});

对于其余按钮，您也可以这样做

附加HTML中组件的Angular 2+调用函数

1 个答案: