Question

是否有指令允许select元素一旦被隐藏选项已被选中？

我认为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-show或ng-hide：

<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中的条件会返回false＆amp;选择框将隐藏＆amp;您可以使用ng-change指令对选择框的值执行任何其他操作。

希望这会有所帮助干杯

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

2 个答案: