๋ด HTML ์ฝ๋
<div> <์ธ> <li ng-repeat='arr1์ parentItem'> <div ng-repeat='arr2์ ์์ ํญ๋ชฉ'> {{ $parent.$index }} , {{ $index }} </div> </li> </ul> </div>
์ปจํธ๋กค๋ฌ ๋ด๋ถ์ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋
$scope.arr1 = [1,2]; $scope.arr2 = [1,2];
๋์๊ฒ ์ ๋ต์์ฃผ๋์ด ์ฝ๋
0, 0 0, 1 1, 0, 1, 1
๊ทธ๋ฌ๋ ์์ ๋ฃจํ์์ ng-if="true"
๋ฅผ ์ฌ์ฉํ๋ฉด ์๋ชป๋ ๋๋ต์ ์ ๊ณตํฉ๋๋ค.
<div> <์ธ> <li ng-repeat='arr1์ parentItem'> <div ng-repeat='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>
BTW, ์ด๊ฒ์ ์ผ๋ฐ์ ์ธ ์ง์ ์ง๋ฌธ์
๋๋ค. ๊ทธ๋ฌํ ์ง๋ฌธ์ ์ ์ ํ ์ฑ๋ ๋ก ๋ ์ ์ ๋ฌ๋์ด์ผ ํฉ๋๋ค.
GitHub ๋ฌธ์ ๋ ๋ฒ๊ทธ ๋ณด๊ณ ์ ๋ฐ ๊ธฐ๋ฅ ์์ฒญ์ ์ํด ์์ฝ๋์ด ์์ต๋๋ค.
๊ฐ์ฌ ํด์,
ng-init๋ก ์ด๊ฒ์ ์ฌ์ฉํ ์ ์์ต๋๋ค.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
์ด๊ฒ์ Angular์ ๋ฌธ์ ๊ฐ ์๋๋๋ค. ์ด๊ฒ์
ngIf
๊ฐ ์ ๋ฒ์๋ฅผ ์์ฑํ๋ฏ๋ก$parent
๊ฐ ์ธ๋ถngRepeat
์ ๋ฒ์๋ฅผ ์ฐธ์กฐํ์ง ์๊ธฐ ๋๋ฌธ์ ๋ฐ์ํฉ๋๋ค( ๋ฌธ์ํ๋จ ).์ด๊ฒ์ด ์ฌ๊ธฐ์
$parent
๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ด ์ข์ ๋ฐฉ๋ฒ์ด ์๋ ์ด์ ์ ๋๋ค.ngInit
๋ฅผ ์ฌ์ฉํ์ฌ ๋ค์๊ณผ ๊ฐ์ด ์์ ์ธ๋ฑ์ค์ ๋ณ์นญ์ ๋ง๋ค ์ ์์ต๋๋ค.๋ฐ๋ชจ