是否有一条指令允许选择一个选项后隐藏选择元素？

Question

Is there a directive which allows a select element to be hidden once an option has been selected?

I thought ng-blur was the way to go but it's not working for me.

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

You can use ng-show or ng-hide by binding it with the same model of the select box in this way :

<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>

This will show the select box only if the modelName 's value is null or empty & when you select something the condition in ng-show returns false & the select box will hide & you can use the ng-change directive to do any other operation on the select box's value.

Hope this helps Cheers