Angular 对TypeScript函数的HTML调用未执行

我试图单击HTML页面上的一个按钮，让它调用一个TypeScript函数。但是函数，

getToken（）

，从未被调用。我已经通过从构造函数调用函数来测试了该函数，该函数运行得很好。浏览器控制台中不会出现错误或警告

app.module.ts（包含我想从HTML调用的

getToken

方法）

如何在HTML文件中调用TypeScript函数：

<button (click)="getToken()">Get Token</button>

获取令牌

嗯。。。您的代码存在一些基本问题。首先，我建议你看看上面写的指南

• 您正在使您的

  AppModule

  成为

  @可注入的

  。这是错误的
• 您的

  AppModule

• 假设您可以从任何模板在类中执行方法。只能从组件的

  模板

  内的模板或

  模板URL

  内的模板执行此操作

---

要使其适用于您，您应该删除

@Injectable（）

，并将逻辑移到

AppComponent

。假设没有其他错误

getToken（）{…}

需要是组件

在其模板中的方法。您的

getToken（）

位于

AppModule

中，这一点意义都没有。请在否决票上查看教程，看是否有一个表面上无辜的问题？.angular.io主要关注版本4；我必须使用第2版。第2版和第4版之间没有太大区别（我没有投反对票）。谢谢你，甘特，我现在正在学习angular.io英雄教程。根据Pierre在下面的回答，我能够让点击活动正常运行，一切都很好。Pierre，非常感谢您的指导。我做了你列出的所有事情，现在一切正常。

<button (click)="getToken()">Get Token</button>