在Angular中包含外部JS文件并调用它,可以通过以下步骤实现:
declare var externalScript: any;
@Component({
selector: 'app-example',
templateUrl: './example.component.html',
styleUrls: ['./example.component.css']
})
export class ExampleComponent implements OnInit {
ngOnInit() {
this.loadExternalScript();
}
loadExternalScript() {
const script = document.createElement('script');
script.src = 'assets/externalScript.js'; // 外部JS文件的路径
script.type = 'text/javascript';
script.async = true;
script.onload = () => {
this.callExternalScriptFunction();
};
document.head.appendChild(script);
}
callExternalScriptFunction() {
externalScript.someFunction(); // 调用外部JS文件中的函数
}
}
var externalScript = {
someFunction: function() {
// 执行一些操作
}
};
通过以上步骤,就可以在Angular中包含外部JS文件并调用它。请注意,需要根据实际情况修改外部JS文件的路径和函数名。
领取专属 10元无门槛券
手把手带您无忧上云