Question

我正在尝试以角度方式实现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
         }
        })

所以我想为不同的条件实现不同的类..

请帮我一个新手..

非常感谢

Answer 1

只需用单引号

包装类名

<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>

在角度js中使用ng-class

2 个答案: