JSFiddle - React, Tailwind, and code Playground

HTML

<div ng-app ng-controller="MainCtrl">
    
    <div ng-repeat="i in list">
        <div ng-repeat="j in list2">
            <div>
                ({{$parent.$index}} {{$index}})
            </div>
        </div>
    </div>
    <hr/>
    <div ng-repeat="i in list">
        <div ng-repeat="j in list2">
            <div ng-if="1">
                ({{$parent.$index}} {{$index}})
            </div>
        </div>
    </div>
    <hr/>
    <div ng-repeat="i in list">
        <div ng-repeat="j in list2">
            <div ng-if="1">
                ({{$parent.$parent.$index}} {{$parent.$index}})
            </div>
        </div>
    </div>
    <hr/>
    <div ng-repeat="i in list" ng-init="outerIndex=$index">
        <div ng-repeat="j in list2" ng-init="innerIndex=$index">
            <div ng-if="1">
                ({{outerIndex}} {{innerIndex}})
            </div>
        </div>
    </div>
</div>

JavaScript

function MainCtrl($scope) {
    $scope.list = [1, 2];
    $scope.list2 = [1, 2];
}