angle.js - ng-repeat의 출력을 제한하는 방법은 무엇입니까?
phpcn_u1582
phpcn_u1582 2017-05-15 16:58:29
0
4
829

이제 다음과 같은 요구 사항이 발생합니다. 배열이 있습니다

으아아아

이제 출력에 필요합니다

으아아아

ng-repeat를 사용하여 출력하고 싶은데, 제가 생각해낸 해결책은 먼저 배열 길이를 10으로 나누는 것입니다

으아아아

그런 다음 ng-repeat는 n uls를 출력한 다음 각각 uls에서 10개 항목을 ng-repeat합니다.

그럼 질문은 ng-repeat가 어떻게 n ul을 출력할 수 있느냐는 것입니다.

으아아아

각계각층의 전문가에게 물어보세요!

으아아아

우선 CSS는 제품 요구 사항에 따라 스타일이 작성되었기 때문에 더 이상 이동할 수 없으며 결과적으로 각 줄에 10li가 필요합니다.
친구 @zchq88의 알림을 보고 바로 @Chobits처럼 1차원 배열을 2차원 배열로 변환하는 필터를 만들었습니다.
그런데 오류가 보고되었습니다.

으아아아


console.log()는 배열이 N번 실행되었음을 확인합니다.
Google에서는 원인이나 해결책을 찾지 못했습니다.
내 추측으로는 어레이가 분할되면 가이드 데이터로 인해 반복적인 더티 체크가 발생하는 것 같습니다.
Angular.copy를 시도했지만 실패했습니다. 현재 다른 솔루션을 찾고 있습니다.
다시 한번 감사드립니다! 학생들이 다른 솔루션을 생각해내기를 기대합니다!

으아아아

제품에 포함된 아이템의 실제 구조는

이기 때문입니다. 으아아아

HTML에 필터를 추가하여 발생하는 반복적인 더티 체크 문제를 우회합니다. @Chobits에서 제공하는 필터에 따라 컨트롤러에서 그룹이 필터링됩니다

으아아아

그런 다음 ng-repeat로 출력하면 문제가 해결됩니다.

으아아아

완벽해요! 모두 고마워요!

phpcn_u1582
phpcn_u1582

모든 응답(4)
黄舟

으아악


으아악
으아악
某草草

http://stackoverflow.com/questions/21644493/how-to-split-the-ng-repeat-data-with-3-columns-using-bootstrap

그러나 열을 얻는 가장 직접적이고 간단명료한 방법은 CSS 열을 사용하는 것입니다.
예, 이에 동의합니다.
CSS를 사용하여 한 줄에 여러 개를 표시할 수 있습니다. 쓰기엔 너무 게으르다

某草草

JS를 사용하여 ITEMS를 2차원 배열로 변환하면 어떨까요? 그리고 출력?

仅有的幸福

데이터를 트리 구조로 정리하면 됩니다. . .
예를 들어

으아악

그런 다음 ng에서 이중 레이어 반복을 사용하세요

으아악
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿