Css 每页自定义ion导航栏

我想根据当前显示的视图，更改我的Ionic 1单页应用程序的

ion导航栏的
背景色

从默认的ionic代码生成器开始，应用程序的框架位于menu.html文件中，每个页面都有自己的html模板和控制器

如何从HTML模板或其控制器强制执行ion导航栏的背景色

顺便说一句，如果可能的话，我已经成功激活了SASS

非常感谢
 


使用Javascript有不同的方法来实现这一点。一种方法是



然后，在每个需要不同颜色的视图中，可以从控制器更改背景颜色：

$rootScope.backgroundColor='yellow'

您还可以使用预定义的类来设置css中的背景色。还要更改控制器中的类名：

$rootScope.backgroundClass='yellow bg'



或


在css中，用相应的类定义每个背景颜色

.yellow bg{背景色：黄色}
红色背景{背景色：红色}

如果需要，您可以为此创建一个指令。
非常感谢您的帮助。很遗憾，它没有帮助。抱歉，按enter键太快。请稍等，了解更多详细信息！我使用了类方法：1）在ionic.app.scss中定义一些具有不同背景颜色的类。2） 在menu.html中添加ng类并相应地设置根范围。什么也没发生。但是，如果我在menu.html中设置了“class=”yellow bg“，那么它就可以工作了。因此，在控制器中更新$rootScope时，$root似乎没有更新。我还检查了Chrome inspector，它证实了我的假设。我尝试了$rootScope.$apply（），但这会引发一个异常。我想我理解为什么它不起作用：menu.html没有控制器，所以角度的东西没有考虑在内。对的那你还有别的想法吗？对不起，又是我。。。实际上我错了，它看起来像根视图，嵌入导航栏，有一个名为AppCtrl的控制器。那么我不明白为什么它不起作用：-(