Угловая | Удалить активный класс на кнопке

Я делаю проект AngularJS с использованием Bootstrap.Угловая | Удалить активный класс на кнопке

Вот JSfiddle: https://jsfiddle.net/mijacat/dmuuu79v/3/

Я хотел бы быть в состоянии переключить кнопку, чтобы мгновенно изменить назад и вперед от .btn btn-default к .btn btn-info. Однако обычно кнопка «активна», затем она меняет состояние на второй щелчок.

Как это сделать одним щелчком мыши? Есть ли решение, использующее Angular, если возможно? Это потому, что я надеюсь изменить состояние кнопки на что-то другое позже.

источник

2016-05-12 Lee Mordell

Хотите изменить класс кнопку дважды на один клик? Знаете ли вы, что в вашем пользовательском интерфейсе будет в основном незаметный эффект? – MarcoS

Привет, Марко. Нет. Я имел в виду, когда вы нажимаете, переключаете класс «info» и снова щелкаете, переключая класс «по умолчанию». Извините, если я не понял. –

Разве ваш код в jsfiddle уже не ведет себя так? – MarcoS

Просто используйте ng-class:

<button class="btn" ng-class="{'btn-info': some_condition}">...</button>

Вот обновленный JSFiddle (также отметить использование $index переменной): https://jsfiddle.net/dmuuu79v/4/

источник

2016-05-12 09:28:10 yktoo

Спасибо, это мой первый проект с использованием Angular. Я буду учитывать переменную '$ index'! –

Проблема у вас есть, что у вас есть одна переменная $scope.isToggled сохранить состояние всех кнопок. Вы должны держать его отдельно.

я исправил вашу скрипку: https://jsfiddle.net/dmuuu79v/5/

источник

2016-05-12 09:30:00 apieceofbart

Это тоже работает очень хорошо, спасибо! –

Угловая | Удалить активный класс на кнопке

ответ

Смежные вопросы