angularJSでXがどのように価値を得ているのですか

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に来ているか、私はちょうどxを呼び出していたとおりにng-repeatはここで何をやっているが、xに任意の値を定義していないか疑問。

Answer 1

xは、角度のng-repeatディレクティブで定義されています。 namesのすべての値を繰り返し、各値をxに順番にバインドします。

xではなく、他の有効な変数名を選択できます。

xの各値の間に矛盾がないのは、それぞれの反復がそれ自身の$scopeを取得するためです。

ng-repeat documentationも参照してください。

Answer 2

私たちは$で始まるすべてのプロパティを無視し、このコードを使用して、指定されたコレクションへの参照を見てgit-hub ng-repeat.js

NG-リピート作品でコードを見に行きました。

 for (var itemKey in collection) { 
     if (hasOwnProperty.call(collection, itemKey) && itemKey.charAt(0) !== '$') { 
      collectionKeys.push(itemKey); 
     } 
    } 

と、コンパイル時にこの処理が行われます。

var match = expression.match(/^\s*([\s\S]+?)\s+in\s+([\s\S]+?)(?:\s+as\s+([\s\S]+?))?(?:\s+track\s+by\s+([\s\S]+?))?\s*$/); 

これは、コレクション内のSOMETHINGであなたのNGリピート値で単語を分離し、おそらく最終的には、いくつかのTRACKBYとなります。 したがって、変数はngRepeatディレクティブ内で作成され、watchCollection時計を使用して監視されているコレクションを反復処理します。

SOMETHINGは、ngRepeatディレクティブの範囲内で定義されます。 COLLECTIONは実際にはユーザー$ scopeの参照になります。 SOMETHINGには任意の名前を選択できますが、COLLECTIONでは選択できません。

Answer 3

ng-repeatあなたのnames配列を繰り返し処理します。 反復処理される各オブジェクトは、テンプレートで指定した名前（場合によってはx）で表されます。 任意の名前を付けることができ、選択した配列のオブジェクトを表します。

Answer 4

ng-repeatディレクティブはfor inループのjavascriptと同じです。

ng-repeat="x in names"は、すべてのインデックスをnamesの配列に反復していることを意味します。

$scope.names = [ 
     {name:'Jani',country:'Norway'}, 
     {name:'Hege',country:'Sweden'}, 
     {name:'Kai',country:'Denmark'} 
    ]; 

両方が同じである：

for (var X in $scope.names) { 
    console.log($scope.names[X].name + ',' + $scope.names[X].country); 
} 

と

ng-repeat="x in names" 

xが角度のng-repeatディレクティブで定義されています。