[AngularJS] ngRepeat scope ์์ฑ
AngularJS์ ngRepeat ์์ฑ์ ๋ฐ๋ณต ์ํ์ ํ ๋ ์ ์ฉํ๊ฒ ํ์ฉ๋๋ค. ๊ทธ๋ฌ๋ ๋ค์๊ณผ ๊ฐ์ ๊ฒฝ์ฐ ์์๊ณผ๋ ๋ค๋ฅด๊ฒ ๋ฐ์ํ๋ ๊ฒฐ๊ณผ๋ฌผ์ ๋ณผ ์ ์๋ค. ์์ ์์ ๋ฅผ ๋ณด๋ฉด ๋ผ๋์ค ๋ฒํผ์ ํด๋ฆญํด๋ $scope.selected ๊ฐ์ ๋ณ๊ฒฝ๋์ง ์๋ ๊ฒ์ ํ์ธ ํ ์ ์๋ค. ์ด๋ฌํ ํ์์ด ๋ฐ์ํ๋ ์ด์ ๋ ngRepeat์ด ์๋ก์ด scope๋ฅผ ์์ฑํ๊ธฐ ๋๋ฌธ์ด๋ค. AngularJS์์ ์์ scope์ ๊ฐ์ด ๋ณ๊ฒฝ๋๋๋ผ๋ ๋ถ๋ชจ scope์ ๋๋ช
๋ณ์๊ฐ ๋ณ๊ฒฝ๋์ง ์๋๋ค. ๋๋ฌธ์ ์ฐ๋ฆฌ๊ฐ ๊ธฐ๋ํ๋ mainCtrl์ selected๊ฐ์ด ๋ณ๊ฒฝ๋์ง ์๋ ๊ฒ์ด๋ค. ๊ทธ๋ ๋ค๋ฉด ์ฐ๋ฆฌ๊ฐ ์ํ๋ ๋๋ก ๋์ํ๊ฒ ํ๊ธฐ ์ํด์๋ ์ด๋ป๊ฒ ํด์ผํ ๊น? ๊ฐ๋จํ๋ค. $parent๋ฅผ ์ด์ฉํ๋ ๊ฒ์ด๋ค. $parent๋ ๋ถ๋ชจ scope์์ญ์ ์ ๊ทผ ํ ์ ์๊ฒ ํด์ค๋ค. ๋ค์ ์ฝ๋๋ ์ฐ๋ฆฌ์ ์์๋๋ก ์๋ํ๋ค. ๋์ ์ฐจ์ด์ ์ $parent์ ์ ๋ฌด ๋ฟ์ด๋ค. ์ด๋ฒ ๊ฒฝํ์ ํตํด ์์ผ ๋ช
์ธ๋ฅผ ์ ์ฝ์ด์ผ ํ๋ค๋ ์๊ฐ์ ๋ค์ ํ ๋ฒ ํ๊ฒ ๋์๋ค. ์ฐธ๊ณ ๋งํฌ: https://docs.angularjs.org/api/ng/directive/ngRepeat