相关疑难解决方法(0)

AngularJS - 如何使用ng-repeat构造自定义过滤器以有条件地返回项目

我有一个ng-repeat打印列表项.我想编写一个自定义过滤器,以便只有条件为真时才会打印列表项.

我似乎有错误的结构,因为似乎变量没有传递给过滤器.

的index.php

<div ng-show="userDetails.username" class="nav">
    <p>Menu</p>
    <li ng-repeat="menuItem in menu | matchAccessLevel:$rootScope.userDetails.accessLevel:menuItem.minAccess | orderBy:'position' ">
        <a ng-href="/angular-app/app/{{menuItem.id}}">{{menuItem.name}}</a>
    </li>
</div>
Run Code Online (Sandbox Code Playgroud)

app.js

userApp.filter('matchAccessLevel', function() {
    return function( item, userAccessLevel, minAccessLevel ) {
        if( userAccessLevel >= minAccessLevel ) {
            return item;
        }
    }
});
Run Code Online (Sandbox Code Playgroud)

angularjs ng-repeat angular-filters

58
推荐指数
2
解决办法
8万
查看次数

标签 统计

angular-filters ×1

angularjs ×1

ng-repeat ×1