Ionic：コメントページのカスタムタブバー背景色？

Question

イオン1.2

私はどのようにTwitterのタブバーに似たタブバーの上に座ってテキスト入力を、持っている私のアプリで特定の画面にタブバーの背景色を変更しようとしています外見（下記画像参照）。

つまり、特定の画面でタブバーの背景色を黒から白に変更し、それ以外の場合はタブバーをデフォルトの黒色にします。このアイデアは、特定の画面にクラスを追加してタブバーのスタイルを変更するのと同じようになります。

どのような考えですか？どんな助けも大変ありがとう！

Answer 1

あなたはng-styleを使用してこれを行うことができます。

1）tabs.html

は<ion-tabs>内ng-style="{'background-color': Color}"を追加します。

<ion-tabs class="tabs-icon-top tabs-color-active-light" ng-style="{'background-color': Color}"> 

    // 

</ion-tabs> 

2）controllers.js

追加$rootScope依存関係として、各コントローラに$ionicViewを（あなたはタブバーの上に座ってテキスト入力を持っているところのコントローラで同じ色を使用）以下。各タブごとに異なる色を選択します。

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

3）のstyle.css

.tabs { 
    background-color: inherit; 
}