我有一个AngularJS应用程序,它在表格中列出了一堆项目.像这样：
<table class='unstyled tmain'>
<tr>
<td ng-click='setSort($event)'>X</td>
<td ng-click='setSort($event)'>Desc</td>
<td ng-click='setSort($event)'>created</td>
<td> </td>
</tr>
<tr ng-repeat="item in items | orderBy:itemNormalizationFunction:sortReverse">
<td><input type='checkBox' ng-model='item.done'
ng-click='onCheckedChanged(item)'/></td>
<td><div edit-in-place="item.text"
on-save="updateItemText(value,prevIoUsValue,item)"></div></td>
<td><span class='foo'>{{item.created | dateFormatter}}</span></td>
</tr>
</table>
可以单击表标题以设置排序顺序.每个数据行的第二列中的单元格可以“就地”编辑 – 如果单击文本,它将被输入文本框替换,用户可以编辑文本.我有一个小指令启用它.这一切都有效.
编辑时会出现问题.假设我将它设置为按“description”排序(第2列).然后,如果我编辑描述(通过编辑就地指令),当我在输入框中键入时,排序顺序会更改.如果我更改前几个字符,则角度重新排序,该项目不再在我的光标下.它甚至都没有集中注意力.我必须在列表中搜索以找出它重新排序的位置,然后我可以重新聚焦,并继续打字.
这有点蹩脚.
我想做的是告诉angular(a)在输入框中键入时停止重新排序,或(b)在编辑开始之前保留排序的单独(未显示)索引值排序.但我不知道如何做其中任何一个.任何人都可以给我一个暗示吗？
我知道这有点复杂,所以我会尝试整理一个用来展示正在发生的事情.
这是一个说明我如何解决问题的傻瓜.
