嵌套对象的angular js数据表问题

{
  name: "John",
  address: {
    street: "123 Main St",
    city: "Anytown",
    zip: "12345"
  },
  contacts: [
    {
      type: "email",
      value: "john@example.com"
    },
    {
      type: "phone",
      value: "555-1234"
    }
  ]
}

<div ng-app="myApp" ng-controller="myCtrl">
  <table>
    <tr ng-repeat="user in users">
      <td>{{ user.name }}</td>
      <td>{{ user.address.street }}</td>
      <td>{{ user.address.city }}</td>
      <td>
        <ul>
          <li ng-repeat="contact in user.contacts">{{ contact.type }}: {{ contact.value }}</li>
        </ul>
      </td>
    </tr>
  </table>
</div>

<script>
  var app = angular.module('myApp', []);
  app.controller('myCtrl', function($scope) {
    $scope.users = [
      {
        name: "John",
        address: {
          street: "123 Main St",
          city: "Anytown"
        },
        contacts: [
          { type: "email", value: "john@example.com" },
          { type: "phone", value: "555-1234" }
        ]
      },
      // 其他用户数据
    ];
  });
</script>

$scope.updateUser = function(user, newAddress) {
  user.address = newAddress;
  $scope.$apply();
};