Ionic：評論頁面上的自定義標籤欄背景顏色？

Question

離子1.2

我想在我的應用程序在那裏我有一個文本輸入坐在標籤欄的頂部，類似於如何Twitter的標籤欄更改標籤欄的背景顏色特定的屏幕上看起來（見下圖）。

換句話說，我想在特定屏幕上將標籤欄的背景顏色從黑色更改爲白色，否則將標籤欄保留爲默認黑色。這個想法將類似於添加一個類到特定的屏幕來改變標籤欄的樣式。

有什麼想法？任何幫助非常感謝！

Answer 1

可以使用ng-style做到這一點。

1）tabs.html

添加ng-style="{'background-color': Color}"內<ion-tabs>。

<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; 
}