angular.js - Angularjs에서 접는 콘텐츠를 구현하는 방법

Question

Angularjs의 ng-repeat 명령을 사용하여 서버에서 데이터 조각을 출력했습니다. 코드는 <table>

과 유사합니다. 으아악

안의 데이터를 접고 싶습니다. 예를 들어 itNo가 1이면 첫 번째 데이터만 표시됩니다. 그런 다음 더하기 기호를 클릭하면 나머지 정보가 표시됩니다. 이를 수행하는 방법과 작성 방법은 무엇입니까?

Answer 1

첫 번째 줄은 기본적으로 배열의 0번째 요소를 표시하며 ng-repeat에 배치되지 않습니다. 그런 다음 배열의 첫 번째 항목부터 시작하여 끝까지 반복하는 tr 및 루프를 작성합니다.
tr에 ng-show 속성을 추가하고, 표현식을 false로 초기화하고, 기본적으로 숨깁니다. 더하기 기호를 클릭하면 표현식이 true로 평가되고 두 ​​번째 줄부터 시작하는 다른 요소가 표시됩니다.

Answer 2

DOM 작업, 재사용 가능한 구성 요소를 더 잘 작동하거나 Angular UI에서 정의된 구성 요소를 직접 사용하려면 지침을 통해 접는 구성 요소를 구성 요소로 정의하는 것이 가장 좋습니다

Answer 3

ui-bootstrap 안에 탭이 있으니 살펴보세요