SOURCE

var app = angular.module('myApp', []);
app.controller('ListPlus',
function($scope) {
  $scope.listdata = [{
    'name': 'TEST1',
    'age': '2'
  },
  {
    'name': 'TEST2',
    'age': '4',
    'sublist': [{
      'name': 'TEST3',
      'age': '5'
    },
    {
      'name': 'TEST24',
      'age': '6'
    },
    {
      'name': 'TEST25',
      'age': '23'
    },
    {
      'name': 'TEST26',
      'age': '42'
    },
    {
      'name': 'TEST27',
      'age': '78'
    }]
  },
  {
    'name': 'TEST3',
    'age': '5'
  },
  {
    'name': 'TEST4',
    'age': '6',
    'sublist': [{
      'name': 'TEST43',
      'age': '5'
    },
    {
      'name': 'TEST44',
      'age': '6'
    },
    {
      'name': 'TEST45',
      'age': '23'
    },
    {
      'name': 'TEST46',
      'age': '42'
    },
    {
      'name': 'TEST47',
      'age': '78'
    }]
  },
  {
    'name': 'TEST5',
    'age': '23'
  },
  {
    'name': 'TEST6',
    'age': '42'
  },
  {
    'name': 'TEST7',
    'age': '78'
  }];
})

<div ng-app="myApp" ng-controller='ListPlus'>
  <h2>Table 伸缩测试</h2>
  <table>
    <th>
      <tr>
        <td>$index</td>
        <td>more?</td>
        <td>name</td>
        <td>age</td>
      </tr>
    </th>
    <tbody>
      <tr ng-repeat="obj in listdata">
        <td><span ng-if=“obj.sublist”>+</span></td>
        <td>{{obj.name}}</td>
        <td>{{obj.age}}</td>      
      </tr>
    </tbody>
    
  </table>
  <h1>
    Hello {{name}}
  </h1>
  <div>
    listdata:{{listdata}}
  </div>
</div>

table {
  border: solid 1px red;
  padding:10px;
}

td{
  border:solid 2px green;
}