通过单击按钮从HTML调用Angular2组件函数

时间:2017-01-04 16:27:25

标签: javascript angularjs angular typescript

我是TypeScript和Angular2的新手。当我想通过单击HTML中的按钮来调用组件函数时,我遇到了问题。

如果我在HTML按钮元素上使用**onclick="locateHotelOnMap()"**,我会收到此错误:

  

ReferenceError:未定义locateHotelOnMap       在HTMLButtonElement.onclick

有人可以帮我吗? 在Angular1中,我使用指令 ng-click 调用了我的控制器功能。

我现在应该怎么做?

提前致谢。

2 个答案:

答案 0 :(得分:3)

你需要像这样调用函数(click)=" componentFunctionName()"见下面的例子。

<button (click)="locateHotelOnMap()">Click Me!</button>

答案 1 :(得分:0)

在Angular 2中,可以使用()围绕普通的javascript处理程序(如

)调用事件
<button (click)="locateHotelOnMap()">Hello World</button>