[英]using ng-class in angular js
I am trying to implement ng-class directive in angular and while doing so am a bit stuck on it.. 我正在尝试在angular中实现ng-class指令,而这样做有点卡在它上面。
The below is the code snippet:- 以下是代码段:-
<button ng-class="{discover_premium btn btn-lg:userLogin ==2,discover_connect_btn btn btn-lg:userLogin ==3}" >{{userLogin}}</button>
I am using the following in the controller:- 我在控制器中使用以下内容:
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
}
})
So I want to implement different class for different condition.. 所以我想针对不同的条件实现不同的类。
Please help me out am a newbie.. 请帮我一个新手。
Thanks a lot 非常感谢
只需用单引号将类名包装起来
<button ng-class="{'discover_premium btn btn-lg': userLogin == 2, 'discover_connect_btn btn btn-lg': userLogin == 3}" >{{userLogin}}</button>
尝试这个:
<button class="btn btn-lg" ng-class="{'discover_premium': userLogin == 2, 'discover_connect_btn': userLogin == 3}" >{{userLogin}}</button>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.