javascript - X 如何在 angularJS 中获得值(value)

Question

我是 angular.js 的新手，正在处理函数 ng-repeat。我在其中使用 ng-repeat="x in name"，我在 names 中定义了一些值，但我没有在完整代码的任何地方定义 x。

这是我的代码:

<div ng-app="myApp" ng-controller="namesCtrl"> 

<ul>
  <li ng-repeat="x in names">
    {{ x.name + ', ' + x.country }}
  </li>
</ul>

</div>

<script>
angular.module('myApp', []).controller('namesCtrl', function($scope) {
    $scope.names = [
        {name:'Jani',country:'Norway'},
        {name:'Hege',country:'Sweden'},
        {name:'Kai',country:'Denmark'}
    ];
});
</script>

一切正常，但我想知道 x 中的值是怎么来的，或者 ng-repeat 到底在做什么，因为我只是调用 x 但未在 x 中定义任何值。

Answer 1

x 由 Angular 的 ng-repeat 指令定义。它遍历 names 中的所有值，并将每个值依次绑定(bind)到 x。

请注意，您可以选择任何其他有效的变量名称来代替 x。

x 的每个值之间没有冲突的原因是每次迭代都有自己的 $scope。

另见 ng-repeat documentation .