2016-08-05 3 views
0

это моя кнопка отправки, которая имеет два варианта: 1 отправьте электронную почту активации и второй пароль сброса. Теперь я waana применяю тестовый класс сброса, чтобы сбросить элемент списка паролей, если userstatus был уведомлен или добавлен, поэтому хотел добавить условный оператор. Я попытался, но этот не работает. Помогите пожалуйста.Как применить условный ng-класс?

<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; 
} 
+0

У вас есть 2 нг-класса в вашем диапазоне – Weedoze

+0

предоставить plunker для этого .so мы можем понять вашу prblem othrwise, вы можете перейти по этой ссылке для синтаксиса ngClass https://docs.angularjs.org/api/ng/directive/ngClass –

+0

Ссылка на плунжер - https: // plnkr. co/edit/9sXGscCA7xNrttamIzap? p = preview –

ответ

0

Вы можете сделать это с помощью простой class вместо ng-class

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

Но я did'nt понимаю, почему вы пытаетесь добавить resettest класс два раза с разными состояние

+0

Я отредактировал мой вопрос, что он все еще работает. –

+0

@ icenteruser01 Отредактирован ответ. Он должен работать. В противном случае укажите jsFiddle –

+0

{{:: 'label.dropdown.resetPassword' | translate}} Я пробовал ваше решение, но все еще не работает –