AngularJS xeditable-表格中的重命名按钮远离显示值

我有下表。显示值的行中的“重命名2”按钮正常工作。但是如何让“重命名1”工作呢

<table ng-app="app" ng-controller="ctrl" border="1">
  <tr>
    <td ng-repeat="v in vendors">
      <button ng-click="vendorForm.$show()" ng-hide="vendorForm.$visible">Rename 1</button>
    </td>
  </tr>
  <tr>
    <td ng-repeat="v in vendors">
      <span editable-text="v.name" e-form="vendorForm">{{v.name}}</span>
      <button ng-click="vendorForm.$show()" ng-hide="vendorForm.$visible">Rename 2</button>
    </td>
  </tr>
</table>

var app = angular.module('app', ['xeditable']);
app.controller('ctrl', function($scope) {
          $scope.vendors = {
            1: { name: "first" },
            2: { name: "second" },
            3: { name: "third" }
          }
});