с использованием нг-класс в угловом JS

Question

Я пытаюсь реализовать нг класс директивы в угловом и при этом я немного застряли на нем ..

Ниже приведен фрагмент кода: -

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