在ng-view之外打印控制器变量

Question

我正在尝试在ng-view div之外打印当前页面名称，但控制器无法访问该页面。

例如：

  <nav>
     <li>{{currentPage}}</li>
  </nav>
  <div ng-view>
     <h1>Hello</h1>
  </div>

所以当我放入我的控制器时：

$scope.currentPage = 'Welcome to home page';

它不打印它，我该如何解决这个问题？

• 或者我应该在routeProvider中放置一个自定义变量并打印出来吗？

Answer 1

ng-view控制器的范围在导航中不可用，因为它在ng-view之外。您可以为nav添加一个控制器，并将$ scope.currentPage设置为coontroller。

为了将当前页面的名称从ng-view传递到nav-controller，有很多方法。一种方法是将$ rootScope注入两者并使用$ rootScope传递数据。$ emit。

另一种方法是为这两个控制器注入一个公共服务。