Angularjs 离子图标中间状态与手机上的ng类更改其颜色

我实现了一个pin/unpin按钮，可以实时更新数据库（使用firebase和angularfire）

HTML代码如下所示：

<a class="button button-icon energized icon"
        ng-class="{'ion-ios-star-outline': !isPinned, 'ion-ios-star': isPinned}"
        ng-click="doUpdatePinForUid(user.auth.uid, !isPinned)"></a>

用户未固定：星形为轮廓并通电
我点击按钮，我的用户被锁定：星星是普通的和灰色的（但它应该被激活；在浏览器中工作，而不是在iOS中）
我必须单击按钮外部（视图中的空白处），以便按钮通电（仅在iOS上）
我试着调试它，灰色似乎出现了，因为按钮的状态与ng类不同：


ion ios星形删除活动
ion ios星添加
ion ios star添加活动


作为参考，我试图通过在$timeout中包围isPinned变量来更新控制器中的isPinned变量，因为我最初认为它与摘要循环有关，但没有

有什么帮助或建议吗？
您找到解决问题的方法了吗this@noor我不再使用Ionic 1/AngularJS，所以我不确定，但我想我必须覆盖
：hover
css选择器：
。按钮。通电：hover{color:#FFCD01；}
让我知道这是否有效，在这种情况下，我将发布一个答案来关闭线程。