Javascript 在AngularJS中使用ng类

Javascript 在AngularJS中使用ng类,javascript,angularjs,angularjs-directive,ng-class,Javascript,Angularjs,Angularjs Directive,Ng Class,我试图在angular中实现ng类指令,但在这样做的时候,我有点被卡住了 下面是代码片段:- <button ng-class="{discover_premium btn btn-lg:userLogin ==2,discover_connect_btn btn btn-lg:userLogin ==3}" >{{userLogin}}</button> 所以我想针对不同的情况实现不同的类 请帮帮我,我是新手 非常感谢只需将类名用单引号括起来 <button n

我试图在angular中实现ng类指令,但在这样做的时候,我有点被卡住了

下面是代码片段:-

<button ng-class="{discover_premium btn btn-lg:userLogin ==2,discover_connect_btn btn btn-lg:userLogin ==3}" >{{userLogin}}</button>
所以我想针对不同的情况实现不同的类

请帮帮我,我是新手


非常感谢

只需将类名用单引号括起来

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

只需将类名用单引号括起来即可

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

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

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