使用 ng-init 将数据从 ng-repeat 发送到另一个控制器

Question

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

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

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

然后这个模板有它自己的控制器。

控制器有函数getData(item)，看起来像这样：

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

$scope.myVec = chapter.myVec.length;

template.html 看起来像：

<div ng-controller = "Controller">

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

</div>

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

我在这里缺少什么？控制器是否在定义var chapter的函数之前运行？

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

Answer 2

实际上问题在于 ng-repeat 将项目（这是一个数组元素，原始类型不是对象）发送到函数 getData()。这就是为什么它返回无法读取未定义的属性长度。我希望这可以帮助你。

Var items = [ 'apple',  'mango'] ;
items.length //2
Items[0].length // error