在 angular js 中使用 ng-class

Question

我正在尝试在 angular 中实现 ng-class 指令，但在这样做时有点卡住了..

以下是代码片段：-

<button ng-class="{discover_premium btn btn-lg:userLogin ==2,discover_connect_btn btn btn-lg:userLogin ==3}" >{{userLogin}}</button>

我在控制器中使用以下内容：-

var currentMember= CurrentUserData.query();
     currentMember.$promise.then(function(response){

        $scope.memberProfile = response.login_member_details;

        var memberProfile = $scope.memberProfile;

         if ($scope.memberProfile.type =="free")
        {
        $scope.userLogin = 2
        }
         else
         {
        $scope.userLogin = 3
         }
        })

所以我想针对不同的条件实施不同的class..

请帮帮我，我是新手..

非常感谢

Answer 1

只需将 class 个名称用单引号括起来

<button ng-class="{'discover_premium btn btn-lg': userLogin == 2, 'discover_connect_btn btn btn-lg': userLogin == 3}" >{{userLogin}}</button>

Answer 2

试试这个：

<button class="btn btn-lg" ng-class="{'discover_premium': userLogin == 2, 'discover_connect_btn': userLogin == 3}" >{{userLogin}}</button>

在 angular js 中使用 ng-class

using ng-class in angular js

javascript

angularjs

angularjs-directive

ng-class