css - ion-nav-bar ng-class 不造型

标签 css angularjs ionic-framework ng-class

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

当我使用以下标记时,只有 ion-tabs 有样式,而 ion-nav-bar 没有。我怎样才能让它们都被设计,为什么 ion-nav-bar 没有被设计?

最佳答案

好吧,没关系。 There's an issue for this on github.此外,我发现了一个有点复杂的解决方法,在他们修复 ion-nav-bar 指令之前应该没问题:

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

关于css - ion-nav-bar ng-class 不造型,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28791282/

相关文章:

html - 溢出和 float

javascript - 从给定文本开始的 Angularjs 过滤器搜索

typescript - 向 ionic2 项目中添加一个 js 库(尚未打字)

html - 如何居中对齐按钮内的 ionic 图标?

html - 水平滑动长图(全屏)

css - 分组应该如何与子选择器和后代选择器正确结合?

javascript - 是否可以使用 css 在全屏视频 (mp4) div 背景之上堆叠部分透明的 png 图像?

javascript - Angular Directive(指令)链接功能

javascript - 如何限制angularjs ng-repeat数组对象

angular - ionic 无限滚动 : TypeError: Cannot read property '0' of undefined