javascript - 为什么我看不到 $scope 函数中定义的 $scope 变量？

Question

我有以下一段 Angular 代码

$scope.prepare = function(){
   $scope.elems = [1,2,3];
};

$scope.action = function(){
   var elem = $scope.elems[0]; //undefined
}

然后，在我看来，我使用指令 ng-init="prepare()"并将点击事件的 action 函数附加到按钮

<button ng-click="action()">action</button>

在操作函数中，范围没有定义elems数组吗？

谁能告诉我为什么会这样？

谢谢!

Answer 1

由于您没有显示调用 init() 和 action() 的 Controller 或 HTML 范围，我什至无法猜测为什么您会遇到问题，因为您发布的代码有效。这是一个恶作剧者证明了这一点:http://plnkr.co/edit/qMzPtJtp9t9CoNKkmWIc?p=preview

<div ng-init="prepare()"></div>
<input type="button" value="Call function" data-ng-click="action()" />
<p>Init Defined: {{elems}}</p>
<p>Function call: {{redefined}}</p>


$scope.prepare = function(){
   $scope.elems = [1,2,3];
  };

  $scope.action = function(){
   $scope.redefined = $scope.elems[0]; //undefined
  }

话虽如此，您没有正确使用 ng-init() 。来自 Angluar 文档:

“该指令可能被滥用，在模板中添加不必要的逻辑量。ngInit 只有少数适​​当的用途，例如用于 ngRepeat 的特殊属性的别名......以及通过服务器端脚本注入(inject)数据。此外在这几种情况下，您应该使用 Controller 而不是 ngInit 来初始化作用域上的值。”

ng-init 文档链接:https://docs.angularjs.org/api/ng/directive/ngInit

在 Controller 中初始化数组会更好。