在Angular5中,可以使用动态HTML的点击事件的解决方法如下:
dynamicHTML: string = '';
[innerHTML]
指令来动态渲染HTML代码。
onClick() {
console.log('Button clicked');
}
这样,当用户点击动态HTML中的按钮时,会触发onClick()
方法,并输出"Button clicked"到控制台。
完整的组件代码示例:
import { Component } from '@angular/core';
@Component({
selector: 'app-dynamic-html',
template: `
`
})
export class DynamicHtmlComponent {
dynamicHTML: string = '';
onClick() {
console.log('Button clicked');
}
}
请注意,使用动态HTML可能存在安全风险,因为用户可以插入恶意代码。要确保动态HTML是可信的,并且在插入之前进行适当的验证和清理。
下一篇:Angular5通过索引合并数组