javascript - 从 HTML 调用 typescript 文件中的函数。

我是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 提供的功能是事件绑定(bind)，通过使用您可以调用 ts 文件中存在的函数
您也可以使用 angular 的插值语法来调用这样的函数:-

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

或类似的东西

{{getConfigurations('parameter')}}

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

工作示例 Working Plunker