オプションが選択されたら、選択要素を隠すことができるディレクティブがありますか？

Question

オプションが選択された後に選択要素を非表示にする指示がありますか？

私はng-blurが行く方法だと思ったが、それは私のために働いていない。

select(ng-model="jawn", ng-options="range.value for range in ranges", 
ng-blur="hideMe", ng-if="jawnDropdown") 

$scope.hideMe = function() { 
    $scope.jawnDropdown = false; 
} 

Answer 1

はあなたがモデルをオフに旋回することはできませんことができますか？

select(ng-model="jawn", ng-options="range.value for range in ranges", ng-if="!jawn") 

Answer 2

あなたは、このように選択ボックスの同じモデルとそれを結合することにより、NG-ショーやNG-非表示を使用することができます。

<select ng-model="modelName" ng-show="modelName == '' || modelName == null" ng-change="functionName(modelName)"> 
    <option value="">Select name</option> 
    <option ng-repeat="item in items" value="item.id">{{item.name}}</select> 
</select> 

これだけMODELNAME場合選択ボックスが表示されますの値がnullまたは空です&何かを選択すると、ng-showの条件が偽を返します&選択ボックスが非表示になります& ng-changeディレクティブを使用して、選択ボックスの値に対して他の操作を実行できます。

希望これは 乾杯