角度权限的动态填充

Question

这是我的html代码

<li ng-class="{active: collapseVar == menu.Id}" ng-repeat="menu in side_menu"
                  permission-only="{{menu.permission}}" permission>
    <a style="color:#FFFFFF; background-color:#00BCD4" ng-click="check(menu.Id)">
        <i class="fa {{menu.icon}} fa-2x" style="margin-right:5px;"></i>{{menu.name}} 
        <span class="fa arrow"></span>
    </a>
    <ul class="nav nav-second-level" collapse="collapseVar!=menu.Id">
        <li ui-sref-active="active" ng-repeat="sub_menu in menu.sub_views">
            <a style="color:#FFFFFF; background-color:#59C8D7" ui-sref="{{sub_menu.state}}">
               {{sub_menu.name}}
            </a>
        </li>
    </ul>
</li>

我需要动态填充权限 但是我收到了这个错误

angular.js:14525 错误：[$parse:syntax] 语法错误：令牌'{' 表达式 [{{menu.permission}}] 第 2 列的键无效 从 [{menu.permission}}] 开始。 http://errors.angularjs.org/1.6.4/$parse/syntax?p0=%7B&p1=invalid%20key&p2=2&p3=%7B%7Bmenu.permission%7D%7D&p4=%7Bmenu.permission%7D%7D 在 AST.object 的 AST.throwError (angular.js:15090) 的 angular.js:66 (angular.js:15079) 在 AST.primary (angular.js:14968) 在 AST.unary (angular.js:14956) 在 AST.multiplicative (angular.js:14943) 在 AST.relational (angular.js:14925) 处的 AST.additive (angular.js:14934) 在 AST.logicalAND 的 AST.equality (angular.js:14916) (angular.js:14908)

Answer 1

请尝试不使用括号 {{}}

<li ng-class="{active: collapseVar == menu.Id}" ng-repeat="menu in side_menu"
                  permission-only="menu.permission" permission>

case 权限仅接受来自文档的参数 (only: '=?permissionOnly')。 https://github.com/Narzerus/angular-permission/blob/master/src/permission/directives/permission.js