Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript <;输入>;ng-repeat-don'中的元素;编辑输入后无法集中注意力_Javascript_Angularjs_Input_Focus - Fatal编程技术网

Javascript <;输入>;ng-repeat-don'中的元素;编辑输入后无法集中注意力

Javascript <;输入>;ng-repeat-don'中的元素;编辑输入后无法集中注意力,javascript,angularjs,input,focus,Javascript,Angularjs,Input,Focus,我正在实现可编辑表。我在网上的所有教程中都发现了相同的错误。如果您有两个可编辑项,可以更改其中一个。在那之后你就不能再集中精力了。你必须点击两下 以下是其中一个教程: 这是其中的JSFIDLE: 这是控制器代码: <div ng-controller="bookCtrl"> <div ng-repeat="tag in book.tags track by $index"> <input type="text" ng-model="boo

我正在实现可编辑表。我在网上的所有教程中都发现了相同的错误。如果您有两个可编辑项,可以更改其中一个。在那之后你就不能再集中精力了。你必须点击两下

以下是其中一个教程:

这是其中的JSFIDLE:

这是控制器代码:

<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>

我的标签是:{{book.tags}}
请注意,跟踪在这里没有帮助。本教程中的所有三个示例(以及许多其他示例)都存在此问题

我怎样才能解决这个问题

更新:我在Chrome47上,在firefox上也观察到了同样的情况。 更新2:我已经上传,错误不会100%重现,但最后一次鼠标点击表明问题。我的鼠标很好用

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>
HTML:



我真的不知道怎么了。我试着用你的小提琴,但我可以编辑一个输入,然后聚焦下一个输入。浏览器问题?这些型号更改是在浏览器中还是在代码(控制器)中发生?1)更新的浏览器信息。2) 我所说的模型更改是指编辑输入内容。在IE11或Chrome上看不到问题47@jbrown请看视频。我的鼠标功能正常!我真的不知道怎么了。我试着用你的小提琴,但我可以编辑一个输入,然后聚焦下一个输入。浏览器问题?这些型号更改是在浏览器中还是在代码(控制器)中发生?1)更新的浏览器信息。2) 我所说的模型更改是指编辑输入内容。在IE11或Chrome上看不到问题47@jbrown请看视频。我的鼠标功能正常!好吧,要么我不明白问题所在,要么是你的环境出了问题。你能在点击很多次时重现这个问题吗?不,我不能重现。我的假设正确吗?您希望在元素接收焦点时选择文本?否。我希望光标进入输入内部。我单击,但光标仍在先前的输入中。我点击,但什么也没发生,检查视频中的最后两次点击。我用.focus()而不是.select()尝试了你的方法,但也没用。不,我根本无法复制,所以要么我不理解这个问题,要么你的环境出了问题。你能在多次单击时复制这个问题吗?不,我无法复制。我的假设正确吗?您希望在元素接收焦点时选择文本?否。我希望光标进入输入内部。我单击,但光标仍在先前的输入中。我点击,但什么也没发生,检查视频中的最后两次点击。我用.focus()而不是.select()尝试了您的方法,但也没用。不,我根本无法重现
    $scope.selectText = function($event) {
      $event.target.select();
    };