Question

我有一个场景，我有一个带有刷新按钮和加号按钮的选择下拉列表。当我单击刷新按钮时，模型设置为null，但是当我单击加号按钮时，下拉列表显示为空选项。所以，我需要显示没有空选项的下拉列表，其中ng-model仅为空。

这是我的代码：

<div class="col-xs-6 npd">
    <div ng-if="minAge==null">
        <select ng-options="minAge.val as minAge.txt for minAge in ddloptions" ng-model="minAge" ng-change="ageCheck()">
         </select>
        <p>Select <br><span>Minimum age</span></p>
    </div>
    <div ng-if="minAge!=null">
        <a ng-click="minAgeRmv()"><img src="images/prf-mprmv.png" /></a>
        <p>Minimum age <br><span>{{minAge}}</span></p>
    </div>
</div>

任何帮助都将不胜感激。

Answer 1

如果您要删除空选项，可以将此空选项放在select <option value="" style="display:none;">Select Age ...</option>

中

Answer 2

我认为这应该有效。它将过滤掉任何null（ minAge.txt不为空的所有值）。

<select ng-options="minAge.val as minAge.txt for minAge in ddloptions | filter:{minAge.txt:'!!'}"
        ng-model="minAge" ng-change="ageCheck()">

Answer 3

使用Array.prototype.filter方法过滤掉任何属性为

的属性

ddloptions = ddloptions.filter(function(item) {
    return item.minAge !== null;
});

在刷新数据或将其放入Angular Filter

内时，可以在控制器中使用它

当ng-model为空时，如何从select中删除空白选项？

3 个答案: