ΠΠΎΠΉ HTML-ΠΊΠΎΠ΄
<div> <ul> <li ng-repeat = 'parentItem Π² arr1'> <div ng-repeat = 'childItem Π² arr2'> {{$ parent. $ index}}, {{$ index}} </div> </li> </ul> </div>
ΠΠΎΠ΄ Javascript Π²Π½ΡΡΡΠΈ ΠΊΠΎΠ½ΡΡΠΎΠ»Π»Π΅ΡΠ°
$ scope.arr1 = [1,2]; $ scope.arr2 = [1,2];
ΠΡΠΎΡ ΠΊΠΎΠ΄ Π΄Π°Π΅Ρ ΠΌΠ½Π΅ ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΉ ΠΎΡΠ²Π΅Ρ
0, 0 0, 1 1, 0, 1, 1
ΠΠΎ Π΅ΡΠ»ΠΈ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡ ng-if="true"
Π² Π΄ΠΎΡΠ΅ΡΠ½Π΅ΠΌ ΡΠΈΠΊΠ»Π΅, ΡΡΠΎ Π΄Π°Π΅Ρ ΠΌΠ½Π΅ Π½Π΅ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΡΠΉ ΠΎΡΠ²Π΅Ρ.
<div> <ul> <li ng-repeat = 'parentItem Π² arr1'> <div ng-repeat = 'childItem in arr2' ng-if = "true"> {{$ parent. $ index}}, {{$ index}} </div> </li> </ul> </div>
0, 0 1, 1 0, 0 1, 1
ΠΡΠΎ Π±ΡΠ»ΠΎ Π½Π΅ΠΏΡΠ°Π²ΠΈΠ»ΡΠ½ΠΎ. ΠΠ½ ΠΌΠ΅Π½ΡΠ΅Ρ ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΈΠΉ ΠΈΠ½Π΄Π΅ΠΊΡ Π½Π° Π΄ΠΎΡΠ΅ΡΠ½ΠΈΠΉ ΠΈΠ½Π΄Π΅ΠΊΡ
ΠΠΎΠΆΠ°Π»ΡΠΉΡΡΠ°, ΠΈΡΠΏΡΠ°Π²ΡΡΠ΅ ΡΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ
ΠΡΠΎ Π½Π΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Angular. ΠΡΠΎ ΠΏΡΠΎΠΈΡΡ
ΠΎΠ΄ΠΈΡ ( ΠΊΠ°ΠΊ ΠΎΠΏΠΈΡΠ°Π½ΠΎ ngIf
ΡΠΎΠ·Π΄Π°Π΅Ρ Π½ΠΎΠ²ΡΡ ΠΎΠ±Π»Π°ΡΡΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΠΈ, ΠΏΠΎΡΡΠΎΠΌΡ $parent
Π½Π΅ ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΠΎΠ±Π»Π°ΡΡΠΈ Π²Π½Π΅ΡΠ½Π΅ΠΉ ngRepeat
.
ΠΠΎΡ ΠΏΠΎΡΠ΅ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ $parent
Π·Π΄Π΅ΡΡ Π½Π΅ ΠΎΡΠ΅Π½Ρ Ρ
ΠΎΡΠΎΡΠ°Ρ ΠΏΡΠ°ΠΊΡΠΈΠΊΠ°. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ / Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ngInit
Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠ΅Π²Π΄ΠΎΠ½ΠΈΠΌΠ° ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½Π΄Π΅ΠΊΡΠ°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ:
<li ng-repeat="parentItem in arr1" ng-init="parentIdx = $index">
<div ng-repeat="childItem in arr2" ng-if="true">
{{ parentIdx }} , {{ $index }}
</div>
</li>
ΠΡΡΠ°ΡΠΈ, ΡΡΠΎ ΠΎΠ±ΡΠΈΠΉ Π²ΠΎΠΏΡΠΎΡ ΡΠ»ΡΠΆΠ±Ρ ΠΏΠΎΠ΄Π΄Π΅ΡΠΆΠΊΠΈ. Π’Π°ΠΊΠΈΠ΅ Π²ΠΎΠΏΡΠΎΡΡ Π»ΡΡΡΠ΅ Π½Π°ΠΏΡΠ°Π²Π»ΡΡΡ Π² ΡΠΎΠΎΡΠ²Π΅ΡΡΡΠ²ΡΡΡΠΈΠ΅ ΠΊΠ°Π½Π°Π»Ρ .
ΠΡΠΎΠ±Π»Π΅ΠΌΡ GitHub Π·Π°ΡΠ΅Π·Π΅ΡΠ²ΠΈΡΠΎΠ²Π°Π½Ρ Π΄Π»Ρ ΠΎΡΡΠ΅ΡΠΎΠ² ΠΎΠ± ΠΎΡΠΈΠ±ΠΊΠ°Ρ
ΠΈ Π·Π°ΠΏΡΠΎΡΠΎΠ² ΡΡΠ½ΠΊΡΠΈΠΉ.
Π‘ΠΏΠ°ΡΠΈΠ±ΠΎ,
Π― ΠΌΠΎΠ³Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ ΡΡΠΎ Ρ ΠΏΠΎΠΌΠΎΡΡΡ ng-init
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
ΠΡΠΎ Π½Π΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° Angular. ΠΡΠΎ ΠΏΡΠΎΠΈΡΡ ΠΎΠ΄ΠΈΡ ( ΠΊΠ°ΠΊ ΠΎΠΏΠΈΡΠ°Π½ΠΎ
ngIf
ΡΠΎΠ·Π΄Π°Π΅Ρ Π½ΠΎΠ²ΡΡ ΠΎΠ±Π»Π°ΡΡΡ Π²ΠΈΠ΄ΠΈΠΌΠΎΡΡΠΈ, ΠΏΠΎΡΡΠΎΠΌΡ$parent
Π½Π΅ ΠΎΡΠ½ΠΎΡΠΈΡΡΡ ΠΊ ΠΎΠ±Π»Π°ΡΡΠΈ Π²Π½Π΅ΡΠ½Π΅ΠΉngRepeat
.ΠΠΎΡ ΠΏΠΎΡΠ΅ΠΌΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅
$parent
Π·Π΄Π΅ΡΡ Π½Π΅ ΠΎΡΠ΅Π½Ρ Ρ ΠΎΡΠΎΡΠ°Ρ ΠΏΡΠ°ΠΊΡΠΈΠΊΠ°. ΠΡ ΠΌΠΎΠΆΠ΅ΡΠ΅ / Π΄ΠΎΠ»ΠΆΠ½Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡngInit
Π΄Π»Ρ ΡΠΎΠ·Π΄Π°Π½ΠΈΡ ΠΏΡΠ΅Π²Π΄ΠΎΠ½ΠΈΠΌΠ° ΡΠΎΠ΄ΠΈΡΠ΅Π»ΡΡΠΊΠΎΠ³ΠΎ ΠΈΠ½Π΄Π΅ΠΊΡΠ°, Π½Π°ΠΏΡΠΈΠΌΠ΅Ρ:ΠΠ΅ΠΌΠΎ