1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > angular动态添加html代码 使用angular2向点击事件添加一个动态创建的html元素

angular动态添加html代码 使用angular2向点击事件添加一个动态创建的html元素

时间:2019-05-24 05:24:02

相关推荐

angular动态添加html代码 使用angular2向点击事件添加一个动态创建的html元素

我试图添加一个点击事件到一个动态创建的HTML元素,目前代码如下。使用angular2向点击事件添加一个动态创建的html元素

let parameterLabels = document.getElementById('parameterLabels');

p_meter.classList.add('active', 'filtered');

parameterLabels.innerHTML += `

data-value=${parameter.name}>${parameter.name}

`;

document.getElementById(`remove_${parameter.name}`).addEventListener('click',() => {

this.removeParameter(`${parameter.name}`);

});

目前我通过addEventListener分配click事件,但它仅对创建的元素有效。如果我继续创建新的动态元素,则只有最新的点击事件才能起作用,而不是以前创建的元素的点击事件。有没有一种方法可以绑定html中的click事件,就像angular2 (click)="removeParameter($event)"那样,它也不适合我。任何想法?

+1

我会推荐使用* ngFor来创建动态html元素,通过让数组0123'说** list **并更新** list **将创建动态html元素。 –

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。