Question

我有一组可能null的值。 AngularJS默认显示为值，但我想完全跳过这些值。

我唯一的选择是创建过滤器还是有其他解决方案？

我的代码：

var app = angular.module('fooapp', []);

app.controller('FooController', function($scope) {
    $scope.foo = [null, 'foo', 'bar'];
});

<body ng-app="fooapp">
    <div ng-controller="FooController">
        <select ng-model="foomodel" ng-options="f for f in foo"></select>
    </div>
</body>

这是一名掠夺者：

http://plnkr.co/edit/ZGbkbtQ2xNQuoaowUK5z?p=preview

Answer 1

您可以使用过滤器执行此操作：

<select ng-model="foomodel" ng-options="f for f in foo | filter: '!null'"></select>

Answer 2

试试这个：

<select ng-model="foomodel" ng-options="f for f in foo | filter:'!'+null"></select>

Angular在select元素中显示空值

2 个答案: