AngularJS ng-class不应用css样式

发布时间：2020-12-17 07:07:28 所属栏目：安全来源：网络整理

导读：我有一个公司网站,我正在使用AngularJS开发,我遇到了一些ng-class的麻烦这是我的HTML： a href="timeEntry.php" ng-class="{{(userRole.admin) ? '' : 'inactive'}}" LINK/a CSS： .inactive { pointer-events : none; cursor : default;} Chrome Inspect元

我有一个公司网站,我正在使用AngularJS开发,我遇到了一些ng-class的麻烦

这是我的HTML：

<a href="timeEntry.php" ng-class="{{(userRole.admin) ? '' : 'inactive'}}">
    LINK
</a>

CSS：

.inactive {
    pointer-events : none;
    cursor         : default;
}

Chrome Inspect元素：

<a href="timeEntry.php" ng-class="inactive">
    LINK
</a>

显然我已经测试了class =“inactive”并且它正常工作,Chrome的视图源似乎向我展示了一些应该正常工作但它没有被应用的东西.

解决方法

假设userRole.admin是一个布尔值,这应该可行

<a href="timeEntry.php" ng-class="{ inactive: !userRole.admin }">
    LINK
</a>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!