从HTML调用typescript文件中的函数

Calling a function in a typescript file from HTML.

本文关键字：函数 文件 typescript HTML 调用      更新时间：2023-09-26

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

剥离后，Typescript文件（home.ts）函数如下所示：

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

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

angular is事件绑定提供了一个功能。您可以调用ts文件中存在的函数你也可以使用angular的插值语法来调用这样的函数：-

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

或者类似的东西

{{getConfigurations('parameter')}}

有关angular2中事件绑定的更多信息，请参阅此处的

工作示例working Plunker

相关文章：