ng-repeat 내부에서 ng-repeat 인덱스 가져 오기

주권

배열에 배열이 있고 ng-repeat를 사용하여 두 번 표시되는 페이지가 있습니다.

<div ng-repeat="chapter in chapters">
        <div ng-repeat="page in chapter.pages">
            <p>Title: {{page.title}}</p>
        </div>
    </div>

배열은 다음과 같습니다.

$scope.chapters= [
    {
        pages: [
            {title: 'Title3'},
            {title: 'Title4'},
            {title: 'Title5'}
        ]
    },
    {
        pages: [
            {title: 'Title1'},
            {title: 'Title2'}
        ]
    }

];

나는 'p'요소 안에있는 장과 페이지의 $ index에 액세스해야합니다. 즉, 챕터 번호와 페이지 번호에 액세스하고 싶습니다.

어떻게 할 수 있습니까?

카키 아웃

여기서 핵심은 $indexng-repeat지시문 내에서 제공되는 변수 입니다. 색인은 0부터 시작 + 1하므로 장과 페이지를 표시 할 때 추가 했습니다.

<div ng-repeat="chapter in chapters" ng-init="chapterNumber = $index">
    <div ng-repeat="page in chapter.pages">
        <p>Chapter: {{chapterNumber + 1}}, Page: {{$index + 1}}, Title: {{page.title}}</p>
    </div>
</div>

JSFiddle

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

ng-repeat에서 ID 가져 오기

분류에서Dev

ng-repeat AngularJS에서 ICheck 라디오 버튼을 사용하여 선택한 인덱스 가져 오기

분류에서Dev

ng-repeat 요소에 대해 필터링되지 않은 인덱스 가져 오기

분류에서Dev

특정 행에 대한 작업을 수행하기 위해 ng-repeat 내에서 행의 인덱스 (또는 ID) 가져 오기

분류에서Dev

ng-repeat에서 angularjs로 인덱스 값 증가

분류에서Dev

Angularjs-ng -repeat에서 객체 가져 오기

분류에서Dev

AngularJS-ng-repeat에서 다음 형제 범위 가져 오기

분류에서Dev

지시문에서 ng-repeat의 속성 값 가져 오기

분류에서Dev

자식 ng-repeat 내에서 부모 범위 배열 / ng-repeat의 인덱스를 얻는 방법

분류에서Dev

Angular Easy Q-ng-repeat 항목을 클릭 할 때 내 부트 스트랩 모달 내부에서 업데이트 할 데이터 가져 오기

분류에서Dev

Angular 1.5.8 구성 요소, ng-repeat에서 부모 컨텍스트 가져 오기

분류에서Dev

컨트롤러에서 스크롤 한 후 ng-repeat 색인 가져 오기-Angular, Ionic

분류에서Dev

ng-repeat에서 사용하기 위해 .NET Webmethod에서 JSON 가져 오기

분류에서Dev

각도기 테스트에서 ng-if 내부 ng-repeat : ng-if 기반 요소를 클릭 할 수 없음

분류에서Dev

중첩 된 ng-repeat에서 값을 가져 오는 방법

분류에서Dev

ng-repeat 내부의 ng-repeat, 형제 요소 인 요소

분류에서Dev

AngularJS : ng-repeat 내부 이미지에 토글 기능 추가

분류에서Dev

Angularjs + Laravel : 중첩 된 ng-repeat에서 Eloquent 관계의 속성 가져 오기

분류에서Dev

ng-repeat로 선택에서 텍스트 가져 오기 (select2 자동 완성)

분류에서Dev

AngularJS ng-repeat는 jquery에서 클릭되고 사용되는 버튼의 인덱스를 가져옵니다.

분류에서Dev

AngularJS ng-repeat 인덱스 제한?

분류에서Dev

AngularJS의 $ interpolate 서비스 내에서 ng-repeat 작동하기

분류에서Dev

ng-repeat 요소의 인덱스가 정렬시 변경됨

분류에서Dev

내부 기능으로 ng-repeat

분류에서Dev

내부 요소에서만 ng-repeat

분류에서Dev

AngularJS의 중첩 된 ng-repeat 내의 드롭 다운 옵션에서 선택한 값 가져 오기

분류에서Dev

ng-repeat 내부에서 초기화 함수 호출

분류에서Dev

ng-repeat의 $ 인덱스를 Angularjs의 다른 ng-repeat에 전달하는 방법

분류에서Dev

ng-repeat의 $ 인덱스를 Angularjs의 다른 ng-repeat에 전달하는 방법

Related 관련 기사

  1. 1

    ng-repeat에서 ID 가져 오기

  2. 2

    ng-repeat AngularJS에서 ICheck 라디오 버튼을 사용하여 선택한 인덱스 가져 오기

  3. 3

    ng-repeat 요소에 대해 필터링되지 않은 인덱스 가져 오기

  4. 4

    특정 행에 대한 작업을 수행하기 위해 ng-repeat 내에서 행의 인덱스 (또는 ID) 가져 오기

  5. 5

    ng-repeat에서 angularjs로 인덱스 값 증가

  6. 6

    Angularjs-ng -repeat에서 객체 가져 오기

  7. 7

    AngularJS-ng-repeat에서 다음 형제 범위 가져 오기

  8. 8

    지시문에서 ng-repeat의 속성 값 가져 오기

  9. 9

    자식 ng-repeat 내에서 부모 범위 배열 / ng-repeat의 인덱스를 얻는 방법

  10. 10

    Angular Easy Q-ng-repeat 항목을 클릭 할 때 내 부트 스트랩 모달 내부에서 업데이트 할 데이터 가져 오기

  11. 11

    Angular 1.5.8 구성 요소, ng-repeat에서 부모 컨텍스트 가져 오기

  12. 12

    컨트롤러에서 스크롤 한 후 ng-repeat 색인 가져 오기-Angular, Ionic

  13. 13

    ng-repeat에서 사용하기 위해 .NET Webmethod에서 JSON 가져 오기

  14. 14

    각도기 테스트에서 ng-if 내부 ng-repeat : ng-if 기반 요소를 클릭 할 수 없음

  15. 15

    중첩 된 ng-repeat에서 값을 가져 오는 방법

  16. 16

    ng-repeat 내부의 ng-repeat, 형제 요소 인 요소

  17. 17

    AngularJS : ng-repeat 내부 이미지에 토글 기능 추가

  18. 18

    Angularjs + Laravel : 중첩 된 ng-repeat에서 Eloquent 관계의 속성 가져 오기

  19. 19

    ng-repeat로 선택에서 텍스트 가져 오기 (select2 자동 완성)

  20. 20

    AngularJS ng-repeat는 jquery에서 클릭되고 사용되는 버튼의 인덱스를 가져옵니다.

  21. 21

    AngularJS ng-repeat 인덱스 제한?

  22. 22

    AngularJS의 $ interpolate 서비스 내에서 ng-repeat 작동하기

  23. 23

    ng-repeat 요소의 인덱스가 정렬시 변경됨

  24. 24

    내부 기능으로 ng-repeat

  25. 25

    내부 요소에서만 ng-repeat

  26. 26

    AngularJS의 중첩 된 ng-repeat 내의 드롭 다운 옵션에서 선택한 값 가져 오기

  27. 27

    ng-repeat 내부에서 초기화 함수 호출

  28. 28

    ng-repeat의 $ 인덱스를 Angularjs의 다른 ng-repeat에 전달하는 방법

  29. 29

    ng-repeat의 $ 인덱스를 Angularjs의 다른 ng-repeat에 전달하는 방법

뜨겁다태그

보관