Question

我需要从控制器更改离子选项卡的颜色，我已经从这样的控制器更改了细条颜色。在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;
            }

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

感谢。

Answer 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';
});

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

1 个答案: