从 HTML 调用打字稿文件中的函数。答案

【问题标题】：Calling a function in a typescript file from HTML.从 HTML 调用打字稿文件中的函数。
【发布时间】：2016-09-12 21:04:36
【问题描述】：

我是 HTML 和 Angular 2 的新手。我目前正在尝试弄清楚如何从 HTML 文件调用 Typescript 文件中的函数。

精简后，Typescript 文件 (home.ts) 函数如下所示：

getConfigurations(sensorName: string) {
    console.log('Home:getConfigurations entered...');

    return 'sensor1';
}

在我的 HTML 文件 (home.html) 中，我想使用字符串参数调用“getConfigurations”（现在“getConfigurations()”返回“sensor1”，因为我仍在测试中）。那么，在 HTML 中，如何使用参数调用我的 getConfigurations 方法（为简单起见 - 我如何在简单的 div 面板中调用该方法）？（我已经有了要传递给名为“selectedSensor”的变量的值）。

【问题讨论】：

您的 Angular 应用程序的结构如何？您需要安排一些事情，以便该功能在范围内，然后您可以使用 {{getConfigurations(param)}} 调用它，但如果没有更多信息，人们无法为您提供适当的帮助。

标签： javascript html angularjs twitter-bootstrap angular

【解决方案1】：

angular 提供的功能是事件绑定，通过使用你可以调用函数 whihc 存在于你的 ts 文件中你也可以使用角度的插值语法来调用这样的函数：-

<button (click)='getConfigurations("parameter")'>Button Click</button>

或者类似的东西

{{getConfigurations('parameter')}}

有关 angular2 中的事件绑定的更多信息see here

工作示例 Working Plunker

【讨论】：