AngularJS 可变导航栏答案

【问题标题】：AngularJS Changeable NavbarAngularJS 可变导航栏
【发布时间】：2016-01-20 16:12:54
【问题描述】：

我取消了两个引导导航栏类，默认为navbar-default，但在某些顶部有全宽图像的页面上，我需要将导航栏类更改为navbar-inverse。

我试图在 $scope 中设置一个值，但导航栏在我的 ui-view 之外，所以它不起作用。我是 Angular 的新手，所以我不知道很多功能，所以可能有一种非常简单的方法可以做到这一点。

在我的页面加载中，我需要为导航栏状态设置默认值吗？然后每个页面控制器都会设置导航栏状态对吗？

有什么想法吗？

【问题讨论】：

使用$scope.$Parent在ui-view之外的范围内设置范围属性。

标签： angularjs

【解决方案1】：

我将为确定条件的导航栏创建一个控制器。

<nav class="navbar" ng-class="{'navbar-default': condition, 'navbar-inverse': !condition}" ng-controller="navbarCtrl">
    ...
</nav>

<div ui-view></div>

否则，如果条件取决于页面控制器，我会将$rootScope 注入可以定义全局变量的控制器。

// in your controller
$rootScope.fullWidthImage = true;

<!-- in your template -->
<nav class="navbar" ng-class="fullWidthImage ? 'navbar-inverse' : 'navbar-default'">
</nav>

【讨论】：

我不明白你的问题！？