是否有一個指令允許在選擇選項後隱藏select元素？

是否有一個指令允許在選擇選項後隱藏select元素？我認爲ng-blur是要走的路，但它不適合我。是否有一個指令允許在選擇選項後隱藏select元素？

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

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

來源

2016-04-25 fauverism

使用'ng-show'或'ng-hide'來檢查特定條件是否爲真/假，然後相應地隱藏/顯示。 – litel

我正在使用'ng-if'而不是 – fauverism

你不能轉動關模式？

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

來源

2016-04-25 19:41:41

是的，那就是訣竅。 – fauverism

您可以通過這種方式與選擇框的同型號結合使用它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的值爲空或爲空&當您選擇ng-show中的條件返回false時&選擇框將隱藏&您可以使用ng-change指令對選擇框的值執行任何其他操作。

希望這有助於乾杯

來源

2016-04-25 19:29:08

是否有一個指令允許在選擇選項後隱藏select元素？

回答

相關問題