要在Angular中重新运行脚本,你可以使用ngAfterViewInit
生命周期钩子函数来执行脚本。这个钩子函数在Angular组件的视图初始化完成后被调用。
以下是一个示例代码:
import { Component, AfterViewInit } from '@angular/core';
@Component({
selector: 'app-example',
template: `
`
})
export class ExampleComponent implements AfterViewInit {
ngAfterViewInit() {
// 在视图初始化完成后执行脚本
this.runScript();
}
runScript() {
// 运行脚本的逻辑
const scriptOutput = document.getElementById('scriptOutput');
scriptOutput.innerHTML = '脚本已运行';
}
}
在上面的示例中,组件的视图初始化完成后,ngAfterViewInit
钩子函数被调用,并调用runScript
方法来运行脚本。runScript
方法将脚本的输出显示在id为scriptOutput
的元素中。
请注意,document.getElementById
是浏览器原生API,因此你需要确保在使用它之前,对应的DOM元素已经被渲染到视图中。