是否可以使用现有的html/javascript
页成角度?
我有几个具有嵌入式JavaScript功能的html页面,并且根据需要的页面,我想以角度组件动态呈现该页面。
我创建了一个“ 动态页面”组件,其中
我的dynamicpage.component.html
只会有一个标签
<div [innerHtml]="templateHtml | sanitizeHtml"></div>
dynamicpage.component.ts
会将templateHtml
的值设置为类似
<html>
<script type="text/javascript">
function SayHi() {
alert("Hi.");
}
</script>
<body>
<input type="button" id="btn" onclick="SayHi();" value="Hi" />
</body>
</html>
将html保存为*.htm
时,在浏览器中运行html时效果很好,但是当我通过angular运行并单击获得的按钮时,
(索引):1未捕获的ReferenceError:未定义SayHi 在HTMLInputElement.onclick((index :: 1)
“ SayHi”功能是否必须驻留在dynamicpage.component.ts
文件中?
我查看了几篇类似问题的帖子,大多数都提出了范围问题,但是他们的解决方案对我不起作用。
我刚开始接触角,所以不确定是否可以采用这种方法。
预先感谢您提供的任何指导。