如何申请有条件的ng-class?

icenter user01

这是我的发送按钮,具有两个选项:1发送激活电子邮件和第二重置密码。现在,如果通知或添加了userstatus,所以我想将reset测试类应用于reset密码列表项,以便添加条件语句。我试过了,但是这个没有用。请帮助。

<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

 .resettest{
      color: darkgray;
      cursor: not-allowed;
 }
赛姆·皮莱

您可以用简单的方法class来代替ng-class

<span class="{{userstatus == 'Notified' || 'Added'?'resettest': ' '}}">
{{::'label.dropdown.resetPassword' | translate}}
</span>

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

有条件的ng-class样式适用于所有div

来自分类Dev

根据状态有条件地设置Angular的ng-class

来自分类Dev

使用ng-class有条件地添加CSS3动画

来自分类Dev

有条件地使用 ng-class 应用引导带列

来自分类Dev

在悬停时有条件地添加html class属性

来自分类Dev

有条件的申请!到JavaScript中的方法

来自分类Dev

有条件熊猫声明和申请

来自分类Dev

有条件的角度ng重复

来自分类Dev

通过调用+ class有条件地为iOS 6和7进行编码是否安全?

来自分类Dev

通过调用+ class有条件地为iOS 6和7进行编码是否安全?

来自分类Dev

如何有条件导入模块?

来自分类Dev

如何计算有条件的均值?

来自分类Dev

如何有条件地渲染

来自分类Dev

如何执行有条件的搜索

来自分类Dev

有条件的

来自分类Dev

有条件的

来自分类Dev

ng-class-即使不申请课程

来自分类Dev

如何有条件地禁用ngTouch并回退到ng-click

来自分类Dev

* ng如果行为:如何有条件地以角度2显示数据?

来自分类Dev

如何使用ng-repeat并显示带有条件的选项

来自分类Dev

如何在有条件的ng-click上触发多个动作

来自分类Dev

如何在angular中使用ng-if有条件地显示消息

来自分类Dev

有条件的ng-repeat角添加样式

来自分类Dev

Angularjs嵌套ng-repeat有条件的原因

来自分类Dev

AngularJS中具有条件的Ng类

来自分类Dev

如何在有条件的js中有条件地应用标题

来自分类Dev

如何在有条件的组件上有条件地添加道具?

来自分类Dev

有条件的失败的有条件的执行

来自分类Dev

有条件的等待