javascript - 当用户的 Angular 色是员工时，ng-show 或 ng-if 隐藏按钮

Question

试图弄清楚 ng-show 和 ng-if。我想仅当您以管理员身份登录时才显示按钮。如果用户是员工，则必须隐藏该按钮。

我的 html 代码的一部分:

 <md-button ng-show="user.role == 'admin'" class="md-raised md-primary pull-left customYellow" aria-label="Add a user" ng-click="showPopUpAddUser($event)">
        <md-icon md-svg-src="assets/images/person_add.svg"></md-icon>
        <md-tooltip>
         Invite a user
        </md-tooltip>
     </md-button>

我的 app.js 代码的一部分:

$scope.inviteUser = function(){
    $http.post('/api/users/invite', {
        'email': $scope.user.email,
        'role_id': $scope.user.role
    }, {
        headers: {
            "Content-Type": "text/plain"
        }
    })
    .success(function(data, status, headers, config) {
        console.log("Successfully saved a user to the DB", data);

        $scope.userInfo.push(data);

    })
    .error(function(data, status, headers, config) {
        console.log("Failed to add user to DB");
    });
}

 $scope.adminID = function(id) {
            var adminId = $scope.getCurrentUser().role_id;
            console.log("logging id admin-->", adminId);

            //$scope.user = { role : false };

            $scope.userRole = adminId;
            //console.log("fafdasfdsafadfdfsf---------->",  $scope.userRole)
        }
        $scope.adminID();

Answer 1

尝试这样

ng-show="user.role == 'admin'"

您忘记在代码中添加 ''