Я пытаюсь создать кнопку переключения в Angular. Что я до сих пор:
<div class="btn-group">
<a class="btn btn-primary pull-right" ng-click="toggleArchive(true)" ng-show="!patient.archived">Archive patient</a>
<a class="btn btn-danger pull-right" ng-click="toggleArchive(false)" ng-show="patient.archived">Unarchive patient</a>
.... some other buttons ....
</div>
В основном я достигаю переключения, имея две кнопки и переключающиеся между ними. Это вызывает проблемы, потому что ng-hide
просто добавляет стиль display:none
к кнопке, когда она скрыта, что вызывает у меня проблемы с дизайном. В идеале я хочу иметь кнопку ONE, которая меняет текст, вызов класса и функции в зависимости от состояния patient.archived
.
Какой чистый способ достичь этого?