JSFiddle - React, Tailwind, and code Playground

by gangadharjannu

HTML

<div ng-app ng-controller="ctrl">
    <ul>
        <li ng-repeat="thing in things" ng-init="parentIndex = $index">
            {{ $index }}
            <ul>
                <li ng-repeat="value in thing.values" id="{{$parent.$index}}">
                    {{ value }} 
                    {{ $index }} <!-- inner $index -->
                    parent {{ $parent.$index }} <!-- parent $index -->
                    {{ parentIndex }} <!-- also parent $index -->
                </li>
            </ul>
        </li>
    </ul>
</div>

JavaScript

function ctrl($scope) {
    $scope.things = [
        { values: [ 'a', 'b', 'c'] },
        { values: [ 'd', 'e', 'f'] }
    ];
}