来自Component的html中的Angular2调用函数

时间:2016-04-24 11:13:01

标签: angular

从我的angular2组件中,我想在我的html页面中运行一个函数。

示例:

<script> 
   function doAlert(){
      alert("in doAlert");
   }
</script>

这是必要的,因为我正在将我的应用程序集成到第三方的html页面中。我需要在应用程序中完成的事件上更新它们。

在下面,我设法使用window.doAlert();是否有使用窗口的替代方法。

http://plnkr.co/edit/vZtjbATax5yvmwJVWRrJ?p=preview

2 个答案:

答案 0 :(得分:0)

我从你的问题中假设你被困在angualr的事件绑定中,所以试试这个 -

<button (click)='demoFun()'> Button </button>

demoFun(){
//your code..//
}

这是工作示例http://plnkr.co/edit/4UPlh9Pn42yM3VPqYvoL?p=preview 更多参考see here

答案 1 :(得分:0)

不确定这是否曾被您解决过。

但我使用{{functionName()}} 然后返回我需要的信息。