html - 如何动态更改ion-nav-bar背景颜色

我是离子应用程序开发的新手，基本上我有一个单选列表，用户可以从中选择选项，并且我为每个选项设置了背景色，而我希望它执行的操作是在用户选择一个选项时更改背景色。问题是它更改为初始选项，但在初始加载后它不会更改颜色，尽管当我检查页面时可以看到它已更改了类名。

这是我的HTML

<ion-nav-bar class="bar-{{viewColor}} nav-title-slide-ios7" align-title="center">
  <ion-nav-back-button class="button-icon ion-arrow-left-c">
  </ion-nav-back-button>
</ion-nav-bar>

这就是我在js中分配viewColor变量的方式

$scope.viewColor = "positive";

提前致谢

最佳答案

尝试使用ionicView.beforeEnter方法，在页面加载完成之前设置viewcolor值。

$scope.$on('$ionicView.beforeEnter', function () {
     $scope.viewColor = "positive";
});