如何在ng-if和变量中使用过滤器?

爱德华·坦格(Edward Tanguay)

在此示例中,我在中使用过滤器ng-repeat,但是如何在和中使用它ng-if,例如:

{{languages.length | filter: {available: true}}}

ng-if="languages.length == 0 | filter: {available: true}"

参见小提琴


的HTML

<div ng-controller="mainController">
    <div>There are {{languages.length}} languages in total.</div>
    <div>??? There are {{languages.length}} languages available.</div>
    <div ng-if="languages.length == 0">??? Sorry, there are no languages available.</div>

    <ol>
        <li ng-repeat="language in languages | filter: {available: true}">{{language.name}}</li>
    </ol>
</div>

AngularJS

$scope.languages = [
    {id:1, name:"German", available: false},    
    {id:2, name:"English", available: true},    
    {id:3, name:"French", available: false},  
    {id:4, name:"Italian", available: true},  
    {id:5, name:"Spanish", available: false}
];
水ist

你可以试试这个吗?

<div ng-controller="mainController">
    <div>There are {{languages.length}} languages in total.</div>
    <div>There are {{(languages|filter:{available:true}).length}} languages available.</div>
    <div ng-if="(languages|filter:{available:true}).length == 0">Sorry, there are no languages available.</div>

    <ol>
        <li ng-repeat="language in languages | filter: {available: true}">{{language.name}}</li>
    </ol>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在Ansible中,如何在使用过滤器的变量定义中使用变量

如何在Power Bi中使用默认过滤器和可用过滤器?

如何在JQ中使用过滤器引用更高层的变量?

如何在Angularjs中使用过滤器?

如何在grails中使用过滤器

如何在angularjs中使用过滤器

如何在子选择中使用过滤器

如何在反应中使用过滤器?

如何在switchMap中使用过滤器?

如何在ArrayFormula中使用过滤器?

如何在模式实例中使用过滤器

如何在地图中使用过滤器

如何在javapairrdd中使用containsAll和contains来使用过滤器

如何在使用过滤器和包含在柏树中时使用变量

如何在ng-model AngularJS中使用过滤器

如何在ng-repeat中使用过滤器?

如何在内部条件过滤器中使用过滤器?

如何使用 dockerode 在 listNetworks 中使用过滤器?

在 Angular Material Table 中使用过滤器时如何排除 undefined 和 null?

如何在JsonPath过滤器中使用变量

如何在角度过滤器中使用变量

如何使用过滤器和地图功能在javascript数组中使用图像做出反应

如何在LinkEntity中使用条件和过滤器?

在jTable中使用过滤器搜索时如何同时接受大写和小写字母?

如何在Az广告应用中使用过滤器进行批量删除

如何在函数中使用过滤器(正确定位)

如何在jmx记录器LogConsole中使用过滤器表达式?

如何在AngularJS中使用过滤器从数组中删除项目?

如何在React中使用过滤器并保存状态值?