ng-repeat 中的 <input> 元素在编辑输入后没有获得焦点

Question

我正在实施可编辑表格。我在网络上的所有教程中都观察到了相同的错误。如果您有 2 个可编辑项，则更改其中之一。之后，您无法专注于另一个。您必须单击两次。

这是其中的教程之一： http://www.codelord.net/2014/05/10/understanding-angulars-magic-dont-bind-to-primitives/

这是来自它的jsfiddle：

jsfiddle with a bug

这是控制器代码：

<div ng-controller="bookCtrl">
    <div ng-repeat="tag in book.tags track by $index">
        <input type="text" ng-model="book.tags[$index]"/>
    </div>

    My tags are <b>really</b>: {{ book.tags }}
</div>

请注意，track by 在这里没有帮助。本教程中的所有三个示例（以及许多其他示例）都有这个问题。

我该如何解决这个问题？

更新：我在 chrome 47 上，在 Firefox 中也观察到同样的情况。 更新 2：我已上传 video，错误不会 100% 重现，但最后一次鼠标单击表明问题。我的鼠标很好用！

Answer 1

HTML：

<div ng-controller="bookCtrl">
  <div ng-repeat="tag in book.tags track by $index">
    <input type="text" ng-model="book.tags[$index]" ng-focus="selectText($event)" />
  </div>

  My tags are <b>really</b>: {{ book.tags }}
</div>

将此添加到控制器：

    $scope.selectText = function($event) {
      $event.target.select();
    };