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

Question

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

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

  

ReferenceError：未定义locateHotelOnMap       在HTMLButtonElement.onclick

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

我现在应该怎么做？

提前致谢。

Answer 1

你需要像这样调用函数（click）=＆＃34; componentFunctionName（）＆＃34;见下面的例子。

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

Answer 2

在Angular 2中，可以使用（）围绕普通的javascript处理程序（如

）调用事件

<button (click)="locateHotelOnMap()">Hello World</button>