2017-02-08 6 views
1

角2、TS。(クリック)を設定する方法<select>タグ

(click)="functionA()"<option>タグに設定するにはどうすればよいですか?

この構成は機能しません。

<select class="form-control"> 
     <option>1</option> 
     <option (click)="functionA()">2</option> 
     <option>3</option> 
</select> 

そして、この:

<select class="form-control"> 
     <option>1</option> 
     <option><a (click)="functionA()"><a>2</option> 
     <option>3</option> 
</select> 

答えて

3

が不足しているとして"を追加します。選択したものに(change)を追加するだけです。

<select (change)="functionA()"> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
</select> 

EDIT:あなたがコメントごとに実行二つの機能をしたい場合は、ちょうど間に;を追加します。

<select (change)="functionA(); functionB()"> 
     <option>1</option> 
     <option>2</option> 
     <option>3</option> 
</select> 
+0

と私は2つの関数を使用するか? –

+0

更新された回答:) – Alex

+0

ありがとう、それは動作します! –

0

あなたは、コンストラクタ(click)="functionA()>コード内"が欠落しています。あなたは、クリックイベントを必要としない

<select class="form-control"> 
     <option>1</option> 
     <option (click)="functionA()">2</option> 
     <option>3</option> 
</select> 
+0

おかげで、タイプミス、申し訳ありません。 –

+0

あなたの問題を解決しますか? –

+0

いいえ、そのタイプミス質問を書くとき –

関連する問題