2016-09-11 12 views
-2

selectとoptionを使用すると、何も選択せずにリストをクリックするとngblurがトリガーされません。angular:オプションリストのngblurとngfocusは表示/非表示になっていますか?

私は選択と表示または非表示のオプトインを知る必要があります。これをサポートする指令がありますか?

Select要素にngblurとngfocusを使用できますが、表示されているか隠されているオプションで何も実行されません。

アイデア?

ありがとうございました

答えて

1

私はフィドルでいくつかのテストを実行しました。

https://jsfiddle.net/EternalLight/x7dxkok2/

<div ng-app="testTt"> 
    <div ng-controller="Controller" style="padding:2em;"> 
    <select ng-focus="onFocus()" ng-blur="onBlur()"> 
     <option>Test 1</option> 
     <option>Test 2</option> 
    </select> 
    <p>{{status}}</p> 
    </div> 
</div> 

オプションのリストが隠れているときに、要素の外側をクリックしたときにぼかしイベントが発生しているようです。オプションリストを開き、外部をクリックすると、<select>には依然としてフォーカスがあります。青色(またはブラウザに応じて他のもの)の輪郭で表示されます。正直なところ、ng-blurを使用するのは、それをトリガーするために外部からの別のクリックが発生し、ユーザーがその周りを回る方法がないからです。

関連する問題