Css ion导航条ng类未设置样式

当我使用以下标记时，只有ion选项卡是样式化的，而不是ion导航栏。我怎样才能让它们都成为样式，为什么ion导航条不能成为样式？

好的，没关系。此外，我还发现了一个有点复杂的解决方法，在他们修复ion nav bar指令之前应该可以：

<ion-nav-bar ng-class="{'bar-positive': isAndroid, 'bar-stable': !isAndroid}">
</ion-nav-bar>

<ion-tabs ng-class="{'tabs-positive': isAndroid, 'tabs-icon-top': true}">

  <!-- Account Tab -->
  <ion-tab title="Account" icon="ion-ios7-gear" href="#/tab/account">
    <ion-nav-view name="tab-account"></ion-nav-view>
  </ion-tab>

</ion-tabs>

---

以上Github问题现已解决

Ionic团队成员Mike的codepen工作为我们提供了一个合适的解决方案，尽管它似乎不是一个很好的解决方案

以下是他的片段摘录：

<ion-nav-bar class="{{ isAndroid ? 'bar-positive' : 'bar-stable' }}">
  <ion-nav-back-button>
  </ion-nav-back-button>
</ion-nav-bar>

//我们需要能够在缓存的导航栏中添加一个类
//它提供了背景色
var cachedNavBar=document.querySelector（'.nav bar block[nav bar=“cached”]'）；
var cachedHeaderBar=cachedNavBar.querySelector（'.bar header'）；
//还有活动导航栏
//它为标题提供了正确的类
var activeNavBar=document.querySelector（'.nav bar block[nav bar=“active”]'）；
var activeHeaderBar=activeNavBar.querySelector（'.bar header'）；
var barClass=attrs.navBarClass；
var ogColors=[]；
var colors=[‘积极’、‘稳定’、‘光明’、‘皇家’、‘黑暗’、‘自信’、‘平静’、‘活力’]；
var cleanUp=function（）{
对于（变量i=0；i

---

总之，我们应该管理一些DOM操作。

它们是否共享相同的作用域/控制器？请添加更多html。这是一个无控制器的模板，isAndroid绑定到$rootScope。@FutureMe注意，此解决方法在

中无法很好地工作。

  // We need to be able to add a class the cached nav-bar
  // Which provides the background color
  var cachedNavBar = document.querySelector('.nav-bar-block[nav-bar="cached"]');
  var cachedHeaderBar = cachedNavBar.querySelector('.bar-header');

  // And also the active nav-bar
  // which provides the right class for the title
  var activeNavBar = document.querySelector('.nav-bar-block[nav-bar="active"]');
  var activeHeaderBar = activeNavBar.querySelector('.bar-header');
  var barClass = attrs.navBarClass;
  var ogColors = [];
  var colors = ['positive', 'stable', 'light', 'royal', 'dark', 'assertive', 'calm', 'energized'];
  var cleanUp = function() {
    for (var i = 0; i < colors.length; i++) {
      var currentColor = activeHeaderBar.classList.contains('bar-' + colors[i]);
      if (currentColor) {
        ogColors.push('bar-' + colors[i]);
      }
      activeHeaderBar.classList.remove('bar-' + colors[i]);
      cachedHeaderBar.classList.remove('bar-' + colors[i]);
    }
  };