AngularJS过滤器不为空

尝试滤除具有非null的特定属性的项目

var details = [{name:'Bill', shortDescription: null}, {name:'Sally', shortDescription: 'A girl'}]

我只想显示一个李；一个给萨莉。这是我没有成功尝试过的

<ul>
<li ng-repeat="detail in details | filter:{shortDescription:'!'}">
<p>{{detail.shortDescription}}</p>
</li>
</ul>

您知道如何在不创建自定义过滤器的情况下执行此操作吗？甚至如此，自定义过滤器会是什么样？

根据https://github.com/angular/angular.js/issues/11573的Angular> = 1.4，建议使用''，它匹配除null / undefined以外的任何基本类型。

<ul>
    <li ng-repeat="detail in details | filter:{shortDescription: ''}">
        <p>{{detail.shortDescription}}</p>
    </li>
</ul>

角> = 1.3.16到最新（写入/更新时为1.5.5）使用''（空字符串）（或'!!'也可以）

<ul>
    <li ng-repeat="detail in details | filter:{shortDescription: ''}">
        <p>{{detail.shortDescription}}</p>
    </li>
</ul>

示例：http：//jsfiddle.net/TheSharpieOne/1mnachk6/

角度> = 1.3.6和<= 1.3.15使用 '!null'

<ul>
    <li ng-repeat="detail in details | filter:{shortDescription: '!null'}">
        <p>{{detail.shortDescription}}</p>
    </li>
</ul>

示例：http：//jsfiddle.net/TheSharpieOne/4wxs67yv/

角> = 1.2和<= 1.3.5使用''（空字符串）（或'!!'也可以）

<ul>
    <li ng-repeat="detail in details | filter:{shortDescription: ''}">
        <p>{{detail.shortDescription}}</p>
    </li>
</ul>

示例：http：//jsfiddle.net/TheSharpieOne/ovsqf17n/

角度<1.2 '!!'

<ul>
    <li ng-repeat="detail in details | filter:{shortDescription: '!!'}">
        <p>{{detail.shortDescription}}</p>
    </li>
</ul>

示例：http：//jsfiddle.net/TheSharpieOne/RGEdc/

总体而言，它'!!'提供了最好的支持，但是''建议使用（空字符串），并为此目的而设计。

我认为这更容易阅读

 <ul>
    <li ng-repeat="detail in details" ng-if="detail.shortDescription">
        <p>{{detail.shortDescription}}</p>
    </li>
 </ul>

值得注意的是，要使用空引号解决方案，您需要将比较器的默认设置为false。您可能习惯于在控制器过滤器中加入true，就像这样：

const myAssessments = 
       this.filterFilter(this.assessments, {userId: this.user.id}, true);

没有final的话，那种严格的过滤器就无法工作true。但是您需要删除true或使其为false，以使非null的检查起作用：

const activeAndHistoric = 
      this.filterFilter(filteredAssessments, {historicYear: ''}, false);