innerHtml允许(单击)绑定

时间:2019-08-09 19:05:51

标签: angular

在Angular 8中,我从嵌入json文件的服务器中导入html。我想使用innerHtml或其他方法将html附加到模板上,并允许a标签的事件绑定。

这是我想要附加到html组件中的json外观:

...including shifts in the machine tool and <a class="vocablink" data-id="40868" (click)="openVocabModal('40868');"><b>vibration</b></a>, ...

即使在应用了bypassSecurityTrustHtml管道的情况下使用innerHtml时,也不会在这些标签上获得点击事件。我该怎么做?

如果我检查html,则会得到其中一个标记。

<a class="vocablink" data-id="40868" (click)="openVocabModal('40868');"><b>vibration</b></a>

但是,单击链接不会在组件中调用该函数。

openVocabModal(val) {
console.log('tapped', val);
alert(val);

}

如何从服务器导入html,并使其与单击绑定一起使用?

0 个答案:

没有答案