为什么$ scope中的变量不更新？

Question

编码器中的代码 。 我有两个控制器。 在第一个控制器中，我在视图中有按钮处理程序

 $scope.click = function () {
  $location.url("/some");
  console.log("clicked");
}

在处理程序中，我更改URL。 我还配置了$ routeProvider。

var app = angular.module('plunker', []).config( function ($routeProvider) {
  $routeProvider.when('/some', {template: " counter is {{n}}</br> <button ng-click='click()'>click to load new url but  still with \"loading cntl\"</button>", controller: "loading"})
  .when("/second",{controller: "loading"});
}); 

在这里，我有两个具有相同控制器的不同路由- loading控制器因此，在将URL更改为/some新的按钮出现在视图中。 我在loading控制器中对此按钮有另一个处理程序。

app.controller("loading", function ($scope,$location) {
 $scope.n= $scope.n || 0;
 console.log("at the begining n is "+ $scope.n);
 $scope.click = function click() {
 $scope.n++;
 console.log("n after++ is " + $scope.n);
 $location.url("/second");

}

}）; 在这里，我增加n变量并将URL更改为/second 。 在我的$routeProvider我指出带有此URL的路由也必须具有loading controller 。 触发按钮后，它消失了，因为/second路由器没有模板。 我再次按下主视图上的按钮，我的loading controller再次被执行，但是n变量仍然为0。为什么n的值不为1 ？ 我知道我的解释令人困惑，但是我有代码在plunker中

Answer 1

您正在实例化具有新作用域（因此有新变量n ）的新控制器。 您需要将迭代数据保留在更持久的内容中，例如父范围，服务，localStorage等（取决于您需要的数据）。

这是一个使用$rootScope的工作示例，以便您可以看到（您可能应该在最终代码中使用$ rootScope以外的其他方式）： http : //plnkr.co/edit/HETROBPwa6VyjX83Eev0?p=preview

我添加了一个简单的console.log('scope', $scope); 在控制器中，因此您可以看到每次更改url都会创建一个新的作用域。