角形Ui路由器| 在控制器的视图中访问范围变量，但不起作用

Question

我有这个笨蛋 。 我定义了两个控制器： mainController和itemsController 。 我想从视图访问范围变量items ，但不能。

要进行复制，您需要首先单击按钮Populate Items （从service填充数组项），然后在console看到这些值。 然后单击按钮Say Hello ! 然后您将看到项目为空； 但是，正在访问变量tab 。

我认为我没有以正确的方式应用控制器的定义。

Answer 1

有更新和工作的punker

我们需要的是数据共享：

如何在angularjs ui路由器中的状态之间共享$ scope数据？

所以代替这个

  app.controller("itemsController", 
   function($rootScope, $scope, $state, $stateParams, Data) {
    $scope.items = []; // local reference, not shared

    $scope.getFromJson = function() {
      Data.get().then(function handleResolve(resp) {
        $scope.items = resp;
        console.log($scope.items);
      });
    };
  })

我们将填充共享引用$scope.Model.items = resp;

  app.controller("itemsController", 
   function($rootScope, $scope, $state, $stateParams, Data) {

    $scope.getFromJson = function() {
      Data.get().then(function handleResolve(resp) {
        $scope.Model.items = resp;
        console.log($scope.Model.items);
      });
    };
  })

它将被钩在超级根目录上。 因此，代替此：

$stateProvider
  .state("home", {
    abtract: true,
    url: "/home",
    resolve: {
      $title: function() {
        return 'Tab1';
      }
    },
    views: {
      "viewA": {
        templateUrl: "home.html"
      }
    }
  });

我们将拥有：

  .state("home", {
    abtract: true,
    url: "/home",
    resolve: {
      $title: function() {
        return 'Tab1';
      }
    },
    views: {
      "viewA": {
        templateUrl: "home.html",
        // HERE we do the magic
        // this is a super parent view
        // at which $scope we will have shared reference Model
        controller: function($scope){
          $scope.Model = {}
        }
      }
    }
  });

在这里检查它的作用