您可以使用Angular的事件绑定机制,通过在组件中定义一个函数,并使用(change)
来绑定到HTML元素的onChange
事件上。
以下是一个示例代码:
在组件的HTML模板中,添加一个 在组件的typescript文件中,定义一个 初始文本 添加的文本 在上述代码中,当 请注意,由于动态添加的HTML文本可能存在安全风险,请确保您信任并验证您添加的文本,以防止潜在的安全漏洞。[innerHTML]
绑定到组件中的一个属性上:
onChange
函数,并在该函数中修改dynamicHtml
属性的值:import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
dynamicHtml: string = '
onChange
函数被触发时,会向dynamicHtml
属性添加一个元素。然后,Angular会自动检测到属性的变化,并更新
相关内容