javascript - 使用 ng-init 将数据从 ng-repeat 发送到另一个 Controller

Question

我有一个运行 ng-repeat 的 html 文件，然后该 ng-repeat 中的每个项目都会生成一个模板，该模板也有自己的 Controller

在 html 文件中我有类似的内容:

<div ng-repeat="item in items">
  <div ng-include="'template.html" ng-init="getData(item)"></div>
</div>

然后这个模板有它自己的 Controller 。

Controller 具有 getData(item) 函数，看起来像这样:

$scope.getData = function(item){
 var chapter = item;
}

$scope.myVec = chapter.myVec.length;

template.html 看起来像:

<div ng-controller = "Controller">

<p>{{myVec}}</p>

</div>

然后我在控制台上收到错误消息“无法读取未定义的属性‘长度’”

我在这里缺少什么？ Controller 是否在定义 var 章节 的函数之前运行？

Answer 1

我猜这是因为 Chapter 是 $scope.getData 函数的局部变量。例如

function foo(num){
   var myNum=num
}
foo(3)
console.log(myNum) // your will get undefinied

改为这样做

var myNum
function foo(num){
   myNum=num
}
foo(3)
console.log(myNum) // your will get 3