我想根据当前显示的视图更改 Ionic 1 单页应用程序的 ion-nav-bar 的 background-color。
从默认的 ionic 代码生成器开始，应用的骨架在 menu.html 文件中，每个页面都有自己的 HTML 模板，以及自己的控制器。
如何从 HTML 模板或其控制器强制执行 ion-nav-bar 的 background-color？
顺便说一句，如果有帮助的话，我已经成功激活了 SASS。
非常感谢！
【问题讨论】：
标签： css angularjs ionic-framework
嗯，有不同的方法可以用 Javascript 做到这一点。一种方法是
<ion-nav-bar ng-style="{'background-color': $root.backgroundColor}">
</ion-nav-bar>
然后在您想要不同颜色的每个视图中，您可以从控制器更改背景颜色：
$rootScope.backgroundColor = 'yellow'
您还可以使用在 CSS 中设置背景颜色的预定义类。还要更改控制器中的类名：
$rootScope.backgroundClass = 'yellow-bg'
<ion-nav-bar ng-class="$root.backgroundClass">
</ion-nav-bar>
或
<ion-nav-bar ng-class="{$root.backgroundClass: true}">
</ion-nav-bar>
并在 css 中，使用相应的类定义每种背景颜色
.yellow-bg {background-color: yellow}
.red-bg {background-color: red}
如果你愿意，你可以为此创建一个指令。
【讨论】：