angularJs ng-重复并在表格上方显示错误

$scope.error = "";

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Email</th>
    </tr>
  </thead>
  <tbody>
    <tr ng-repeat="user in users" ng-class="{ 'error': error && user.name === error }">
      <td>{{ user.name }}</td>
      <td>{{ user.email }}</td>
    </tr>
  </tbody>
</table>
<div ng-show="error" class="error-message">
  Error: {{ error }}
</div>

$scope.users = [
  { name: "John", email: "john@example.com" },
  { name: "Jane", email: "jane@example.com" },
  { name: "Bob", email: "bob@example.com" }
];

$scope.showError = function(name) {
  $scope.error = name;
};

<tr ng-repeat="user in users" ng-class="{ 'error': error && user.name === error }" ng-click="showError(user.name)">