Angular js ng-repeat for嵌套json值

<div ng-app="myApp" ng-controller="myCtrl">
  <div ng-repeat="item in data">
    <h3>{{ item.category }}</h3>
    <ul>
      <li ng-repeat="subItem in item.items">
        {{ subItem.name }} - {{ subItem.price }}
      </li>
    </ul>
  </div>
</div>

<script>
  var app = angular.module('myApp', []);
  app.controller('myCtrl', function($scope) {
    $scope.data = [
      {
        category: 'Category 1',
        items: [
          { name: 'Item 1', price: 10 },
          { name: 'Item 2', price: 20 },
          { name: 'Item 3', price: 30 }
        ]
      },
      {
        category: 'Category 2',
        items: [
          { name: 'Item 4', price: 40 },
          { name: 'Item 5', price: 50 }
        ]
      }
    ];
  });
</script>