Javascript 双击每个包裹的AngularJS中的可编辑表格

我是Angularjs的新学员。我修改了一个现有的代码示例，想双击编辑每个

li

，但是，一旦我添加了一个，它们就不会像我预期的那样工作了

<li ng-dblclick="startEditing(item);">
          <span ng-hide="item.editing">{{item.name}}</span>
          <form ng-submit="doneEditing(item)" ng-show="item.editing">
              <input ng-model="item.name" ng-blur="doneEditing(item)" ng-focus="item == editedItem">
          </form>
      </li>

         <li ng-dblclick="startEditing(item);">
          <span ng-hide="item.editing">{{item.thing}}</span>
          <form ng-submit="doneEditing(item)" ng-show="item.editing">
              <input ng-model="item.ting" ng-blur="doneEditing(item)" ng-focus="item == editedItem">
          </form>
      </li>

编辑：

ng focus

每次双击输入时都会触发！因为 这一行：

ng focus=“item==editem”

因此，

ng模糊

会在另一个屏幕上自动触发

输入！因此，移除它将实现以下目的：

      <li ng-dblclick="startEditing(item);">
          <span ng-hide="item.editing">{{item.name}}</span>
          <form ng-submit="doneEditing(item)" ng-show="item.editing">
              <input ng-model="item.name" ng-blur="doneEditing(item)">
          </form>
      </li>

         <li ng-dblclick="startEditing(item);">
          <span ng-hide="item.editing">{{item.thing}}</span>
          <form ng-submit="doneEditing(item)" ng-show="item.editing">
              <input ng-model="item.thing" ng-blur="doneEditing(item)" >
          </form>
      </li>

{{item.name}


{{item.thing}

这是我的荣幸

您可以使用@Rishab777作为答案。

您可以试试这个，它可能会有所帮助

      <li ng-dblclick="startEditing(item);">
          <span ng-hide="item.editing">{{item.name}}</span>
          <form ng-submit="doneEditing(item)" ng-show="item.editing">
              <input ng-model="item.name" ng-blur="doneEditing(item)">
          </form>
      </li>

         <li ng-dblclick="startEditing(item);">
          <span ng-hide="item.editing">{{item.thing}}</span>
          <form ng-submit="doneEditing(item)" ng-show="item.editing">
              <input ng-model="item.thing" ng-blur="doneEditing(item)" >
          </form>
      </li>