未被捕获的ReferenceError:在HTMLInputElement.onclick((index :: 1)

时间:2019-05-28 23:06:30

标签: javascript html angular

是否可以使用现有的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文件中?

我查看了几篇类似问题的帖子,大多数都提出了范围问题,但是他们的解决方案对我不起作用。

我刚开始接触角,所以不确定是否可以采用这种方法。

预先感谢您提供的任何指导。

I added screen shot of the inspect window.

0 个答案:

没有答案