在 Angular JS 中使用 ng-class

using ng-class in angular js

本文关键字：ng-class Angular JS      更新时间：2023-09-26

我正在尝试在 angular 中实现 ng 类指令，这样做有点卡在上面。

以下是代码片段：-

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

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

请帮助我，我是新手。

多谢

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

<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>
相关文章：