我正在尝试在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
样式,这会导致样式问题。理想情况下,我希望只有一个按钮,它的文本、类和函数调用根据patient.archived
的状态而变化。
有什么简洁的方法可以实现这一点吗?