如何添加具有离子开启/离子关闭功能的导航栏按钮

【问题标题】：How to adding navigation bar button having ionic-on/ ionic-off functionality如何添加具有离子开启/离子关闭功能的导航栏按钮
【发布时间】：2015-04-24 22:07:45
【问题描述】：

我想在导航栏上添加星形按钮，当用户按下此按钮时，按钮显示选定的图标，下次按下它显示未选中。我尝试过使用 ionic-on 和 ionic-off，但我做不到。

【问题讨论】：

你试过ng-disabled 吗？不知道它是否会起作用，只是这样的想法。
好的，我试着考虑一下，但我认为在那个按钮上设置类型类很容易，但我不知道如何实现这一点。

标签： angularjs ionic-framework ionic

【解决方案1】：

icon-on 和 icon-off 属性仅适用于我认为的选项卡。您可以使用ng-class，就像您在此处看到的那样。根据您的$scope.starred 属性的值，它将显示一个星形或星形的轮廓。

<span class="icon" ng-class="{'ion-ios-star': starred, 'ion-ios-star-outline': !starred}"></span>

【讨论】：