首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何应用条件ng-class?

如何应用条件ng-class?
EN

Stack Overflow用户
提问于 2016-08-05 15:38:23
回答 1查看 580关注 0票数 0

这是我的发送按钮,有两个选项1发送激活电子邮件和第二重置密码。现在我想应用重置测试类来重置密码列表项,如果用户状态是通知的或添加的,那么我想要添加条件语句。我试过了,但这个不起作用。请帮帮我。

代码语言:javascript
复制
<div class="active-send-select" pull-left btn-group title="{{::'title.active.filter' | translate}}">
    <button class="btn btn-large dropdown-toggle" data-toggle="dropdown" ng-disabled="!actionButtonStatus.SENT">
        <i class="fa fa-envelope fa-lg"></i>
        <span class="action-button-text">{{::'label.button.send' | translate}}</span>
        <i class="icon-chevron-down pull-right" style="margin-top:-20px;"></i>
    </button>
    <ul class="dropdown-menu filter-state">
        <li class="abc"><a href="" ng-click="userstatus == 'Complete'||sendActivationNotification()"><span ng-class="{resettest: userstatus == 'Complete'}">{{::'label.dropdown.sendActivation' | translate}}</span></a></li>
       <li class="abc">
           <a href="" ng-click="userstatus == 'Notified' || onSendPasswordReset()"><span ng-class="{resettest: userstatus == 'Notified' || 'Added'}">{{::'label.dropdown.resetPassword' | translate}}</span></a>
        </li>
    </ul>
</div>

CSS

代码语言:javascript
复制
 .resettest{
      color: darkgray;
      cursor: not-allowed;
 }
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-08-05 15:49:49

您可以使用简单的class而不是ng-class来实现这一点

代码语言:javascript
复制
<span class="{{userstatus == 'Notified' || 'Added'?'resettest': ' '}}">
{{::'label.dropdown.resetPassword' | translate}}
</span>

但是我不明白为什么你要两次添加不同条件的resettest

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/38783715

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档