html - 如何动态更改 ionic 导航栏背景颜色

Question

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

这是我的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";

提前致谢

Answer 1

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

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