javascript – 对ngRepeat对象的高级AngularJS自定义过滤

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 对ngRepeat对象的高级AngularJS自定义过滤，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1204字，纯文字阅读大概需要2分钟。

内容图文

我想实现以下理论代码：

VIEW.html

<li ng-repeat="player in players | filter:myCustomFilter(player)">{{player.name}}

CONTROLLER.js

// some theoretical conditional statement that return a boolean
$scope.otherCondition = true;


$scope.myCustomFilter = function(player) {
    return player.name.substring(0,1).match(/A/gi) && $scope.otherCondition;
}

所以我希望所有玩家都加载到Angular模型中,但我只想将玩家渲染到名称以字母“A”开头的DOM中.当我尝试做这样的事情时,我的控制台告诉我玩家未定义.我是否需要编写自定义过滤器才能实现此目的(通过angular.module().filter())？

解决方法:

这是一个工作小提琴：http://jsfiddle.net/orlenko/jV6DK/

Html代码(正如Karl Zilles建议的那样)：

<div ng-app>
    <div ng-controller="MyController">
        <h2>Names starting with "A":</h2>
        <ul>
            <li ng-repeat="player in players | filter:myCustomFilter">{{player.name}}</li>
        </ul>
        <h2>All Names:</h2>
        <ul>
            <li ng-repeat="player in players">{{player.name}}</li>
        </ul>
    </div>
</div>

使用Javascript：

function MyController($scope) {
    $scope.players = [{
        name: 'Arthur'        
    }, {
        name: 'William'
    }, {
        name: 'Bertha'
    }, {
        name: 'Alice'
    }];

    $scope.otherCondition = true;

    $scope.myCustomFilter = function(player) {
        return player.name.substring(0,1).match(/A/gi) && $scope.otherCondition;
    }
}

Result

内容总结

以上是互联网集市为您收集整理的javascript – 对ngRepeat对象的高级AngularJS自定义过滤全部内容，希望文章能够帮你解决javascript – 对ngRepeat对象的高级AngularJS自定义过滤所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端