angularjs – 如何在ng-if和变量中使用过滤器？

发布时间：2020-12-17 07:42:51 所属栏目：安全来源：网络整理

导读：在这个例子中,我在 ng-repeat 中使用过滤器,但是如何在变量和ng-if中使用它,如下所示： {{languages.length | filter: {available: true}}} 和 ng-if="languages.length == 0 | filter: {available: true}" 见Fiddle. HTML div ng-controller="mainControlle

在这个例子中,我在 ng-repeat中使用过滤器,但是如何在变量和ng-if中使用它,如下所示：

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

和

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

见Fiddle.

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",{id:4,name:"Italian",{id:5,name:"Spanish",available: false}
];

你能试试吗

<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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!