angle.js - 첫 번째 li에 기본적으로 스타일이 있고 현재 클릭한 li에는 스타일이 있고 다른 li에는 스타일이 없도록 ng-repeat 중첩 루프에서 ul li를 표시하는 방법은 무엇입니까?

Question

질문: ng-repeat를 사용하여 데이터를 반복합니다. 어떻게 해야 합니까? 1. 페이지를 열 때 기본적으로 표시되는 첫 번째 li에 스타일이 있습니까? 2. 현재 클릭한 li에는 스타일이 있고 다른 li에는 스타일이 없습니까?
다음은 HTML 코드 다이어그램입니다.

<ul ng-repeat="u in pinpaiData" class="product_box">

으아아아

Answer 1

ng-class를 사용하여 $scope에 selectedIndex 변수를 생성하여 현재 선택된 li의 인덱스를 저장합니다. 기본값은 0입니다. 선택한 클래스를 selectedClass라고 가정합니다. 으아악