web-dev-qa-db-ja.com

TypeScriptファイルの関数をHTMLから呼び出す。

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」という変数に渡したい値がすでにあります）。

javascripthtmlangularjstwitter-bootstrapangular
6
Roka545

angularを使用してイベントをバインドすると、tsファイルに存在する関数を呼び出すことができます。また、angularの補間構文を使用できます。このような関数を呼び出すには：-

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

またはこのようなもの

{{getConfigurations('parameter')}}

angular2でのイベントバインディングに関連する詳細情報 ここを参照

実例 Working Plunker

8
Pardeep Jain