JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app="app" ng-controller="Ctrl">
    <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>
</div>

JavaScript

angular.module('app', [])
    .controller('Ctrl', function ($scope) {
    $scope.chapters = [{
        pages: [{
            title: 'Title3'
        }, {
            title: 'Title4'
        }, {
            title: 'Title5'
        }]
    }, {
        pages: [{
            title: 'Title1'
        }, {
            title: 'Title2'
        }]
    }

    ];
});