JSFiddle - React, Tailwind, and code Playground

HTML

<body ng-app="myMod" ng-controller="myCont">
    <ul>
        <li ng-repeat="person in obj1" >Name: {{person.name}} | Person Index: {{$index}}
            <ul ng-repeat="detail in person.others">
                <li>Age: {{detail.age}} | Salary: {{detail.salary}} | Index: {{$index}} | Parent Index: {{$parent.$index}}</li>
            </ul>
        </li>
    </ul>

</body>

JavaScript

var mod = angular
.module("myMod",[])
.controller("myCont",function($scope){
  var obj = [
    {name : "Monica", others :[{age:26,salary:20000}]},
    {name : "Rachel", others :[{age:28,salary:28000}]},
    {name : "Pheobe", others :[{age:29,salary:30000}]}
  ]
  $scope.obj1 = obj;
})