JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://cdn.bootcss.com/angular.js/1.3.14/angular.js"></script>
<body>

<div ng-app="myApp" ng-controller="namesCtrl">

<ul>
  <li ng-repeat="x in names">
    {{ x.name + ', ' + x.age }}</br>
    <span ng-repeat="i in x.item">{{i.a+', '+i.b}}</span>
  </li>
  
</ul>

</div>

</body>

JavaScript

angular.module('myApp', []).controller('namesCtrl', function($scope) {
    $scope.names = [
      {name: "tina", age: 14,item:[{a:'1',b:'2'},{c:'3',d:'4'}]},
    	{name: "timo", age: 15,item:[{a:'1',b:'2'},{c:'3',d:'4'}]},
    	{name: "lily", age: 16,item:[{a:'1',b:'2'},{c:'3',d:'4'}]},
    	{name: "lucy", age: 16,item:[{a:'1',b:'2'},{c:'3',d:'4'}]}
      ];
});