如何从控制器更改离子标签颜色

【问题标题】：how to change ionic tab color from controller如何从控制器更改离子标签颜色
【发布时间】：2015-10-12 01:41:03
【问题描述】：

我需要从控制器更改离子标签的颜色，我已经像这样从控制器更改了标题栏颜色.. 在我写的html页面中..

        <ion-nav-bar class="bar-positive" ng-style="{'background-color': viewColor}">
            <ion-nav-back-button></ion-nav-back-button>

         </ion-nav-bar>

在控制器中我调用了..

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

我在 css 中写了 ..

    .nav-bar-block, .bar {
              background-color: inherit !important;
            }

我可以用同样的方式改变标签的颜色吗... 有什么办法可以实现吗？？任何帮助将不胜感激...

谢谢。

【问题讨论】：

对不起......这个qsn没有答案......？？

标签： angularjs cordova ionic-framework ionic

【解决方案1】：

测试这段代码，可以用style代替ng-style

<ion-nav-bar class="bar-positive" style="background-color:{{viewColor}}">
    <ion-nav-back-button></ion-nav-back-button>
</ion-nav-bar>

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

或者您可以在此网址中使用现有样式http://ionicframework.com/docs/components

例如标题的绿色样式

<div class="bar bar-header {{bar_style}}">
  <h1 class="title">bar-balanced</h1>
</div>

$scope.$on('$ionicView.beforeEnter', function() {
   $rootScope.bar_style = 'bar-balanced';
});

【讨论】：