Question

看起来这只发生在Chrome中。它适用于Firefox和Safari。出于某种原因，当我输入输入字段来编辑值时，光标会直接到达值的末尾。我在ng-model和value中看到了类似的问题，其中同一输入在一起，但我的输入元素只包含ng-model。因此，如果我尝试将“Hello”添加到已包含"World"的输入中，则会显示"HWorldello"

Plunker：http://plnkr.co/edit/r9orpQB36P9rH0HpBjaJ?p=preview

<input editable="{{ key }}"                  
     field="{{ list_editable_indexes[key] }}"
     ng-model="value"                        
 />

Answer 1

我刚刚解决了类似的问题。我的输入包含在*ngFor="let u of users"内，用于列出我的用户。当我去编辑我的用户时，我目睹了你描述的行为。有问题的输入是 ngModel 将我的用户的UserName绑定到 u.UserName 即。 [(ngModel)]="u.UserName"

我的决心来自于理解我的value={{u.UserName}}也已设定。我只需删除value={{u.UserName}}，错误消失，同时保留数据绑定。

我希望这有意义或帮助某人。

*注。我明白它不是AngularJS，但我认为它仍然适用。

Answer 2

由于$ compile（element），光标移动到最后。解决这个问题可以解决游标问题。

看起来你需要重新编译元素，为什么要这样做？

与此处的其中一个问题相似：link

这也导致了一些错误。它试图编译预先重复的＆＃34;

更改数据时光标进入输入结束

2 个答案: