通過rootScope將變量從控制器傳遞到另一個控制器

Question

我正在處理一個項目，並且我很難通過rootScope將變量從MainController傳遞給NavbarController 。

Angular不會打印我通過$ rootScope從MainController傳遞給NavbarController的{{windowName}}變量。

所以這是即時通訊使用的代碼：

視圖：

<body>
  <nav ng-controller="NavbarController">
    <ul>
      <li>{{windowName}}</li>
    </ul>
  </nav>
  <!-- this is where i use ng-view instead of MainController -->
  <div ng-controller="MainController">
    {{name}}
  </div>
</body>

控制器：

var myApp = angular.module('myApp',[]);

function MainController($scope, $rootScope){
  $rootScope.windowName = 'Window name 95';

  $scope.name = 'Test name';
}

function NavbarController($scope, $rootScope){
  $scope.windowName = $rootScope.windowName;
}

網址： http ： //jsfiddle.net/6v0fx6d2/1/

說明：

我正在使用ngRoute，所以我簡化了代碼，在注釋中使用ng-view渲染模板，因此navbar是我正在使用的基本模板。

Answer 1

如果您更改html結構，它將起作用。

<div ng-controller="MainController">
    {{name}}
  </div>
  <nav ng-controller="NavbarController">
    <ul>
      <li>{{windowName}}</li>
    </ul>
  </nav>

在angularjs中，控制器按照它們在代碼中出現的順序執行。因此，在您的情況下，未設置windowName。 因此它在NavbarController中不可用

Answer 2

好吧，我發現了問題。

要打印rootScope變量，您需要添加{{$ route.windowName}}。

另外，如果將ExpressJS與HoganTemplate一起使用，請確保使用以下方法更改Hogan胡子支架：

app.locals.delimiters = '{{{ }}}';

通過rootScope將變量從控制器傳遞到另一個控制器

問題描述

2 個解決方案

解決方案1
0 2016-02-17 12:49:39

解決方案2
0 2016-02-17 12:50:24

通過rootScope將變量從控制器傳遞到另一個控制器

問題描述

2 個解決方案

解決方案1 0 2016-02-17 12:49:39

解決方案2 0 2016-02-17 12:50:24

解決方案1
0 2016-02-17 12:49:39

解決方案2
0 2016-02-17 12:50:24