Angular.js: $index๋กœ ์ถ”์ ๋˜๋Š” List์™€ ํ•จ๊ป˜ order by๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์ •๋ ฌ์ด ์ˆ˜ํ–‰๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

์— ๋งŒ๋“  2014๋…„ 07์›” 25์ผ  ยท  3์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: angular/angular.js

์•ˆ๋…•,

๋‚˜๋Š” Orderby๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ angularJS ์• ํ”Œ๋ฆฌ์ผ€์ด์…˜์—์„œ ์ •๋ ฌ์„ ์ˆ˜ํ–‰ํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ $index๋กœ ์ถ”์ ๋˜๋Š” ๋ชฉ๋ก์„ ์ •๋ ฌํ•˜๋ ค๊ณ  ํ•˜๋ฉด ์ž‘๋™ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

Plunker๋ฅผ ํ†ตํ•ด angularJS ๊ณต์‹ ์›น ์‚ฌ์ดํŠธ์˜ orderBy (https://docs.angularjs.org/api/ng/filter/orderBy) ์˜ˆ์ œ์—์„œ ๋™์ผํ•œ ์ž‘์—…์„ ์‹œ๋„ํ–ˆ๋Š”๋ฐ ๊ฑฐ๊ธฐ์—์„œ๋„ ๋ฌธ์ œ๊ฐ€ ์žˆ๋Š” ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.

http://plnkr.co/edit/IYSitUaZpLK8YCHnJvqY?p=preview

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

ngRepeat์— ๋Œ€ํ•œ ๋ฌธ์„œ์—์„œ๋Š” ๋‹ค์Œ์„ ์–ธ๊ธ‰ํ•ฉ๋‹ˆ๋‹ค.

์ถ”์  ํ‘œํ˜„์‹์„ ์ง€์ •ํ•˜๊ธฐ ์ „์— ํ‘œํ˜„์‹์— ํ•„ํ„ฐ๋ฅผ ์ ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋Œ€์‹  ๋‹ค์Œ์„ ์‹œ๋„ํ•˜์‹ญ์‹œ์˜ค.

ng-repeat="friend in friends | orderBy:predicate:reverse track by $index"

๋ชจ๋“  3 ๋Œ“๊ธ€

ngRepeat์— ๋Œ€ํ•œ ๋ฌธ์„œ์—์„œ๋Š” ๋‹ค์Œ์„ ์–ธ๊ธ‰ํ•ฉ๋‹ˆ๋‹ค.

์ถ”์  ํ‘œํ˜„์‹์„ ์ง€์ •ํ•˜๊ธฐ ์ „์— ํ‘œํ˜„์‹์— ํ•„ํ„ฐ๋ฅผ ์ ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

๋Œ€์‹  ๋‹ค์Œ์„ ์‹œ๋„ํ•˜์‹ญ์‹œ์˜ค.

ng-repeat="friend in friends | orderBy:predicate:reverse track by $index"

๋•๋ถ„์— ๋ฌธ์ œ๊ฐ€ ํ•ด๊ฒฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค :+1:

๊ณ ๋งˆ์›Œ, _work์•ผ

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰