angularjs - 如何在AngularJS（1.2）中使用orderBy进行排序，而不会出现不完整的条目跳来跳去

Question

好的，所以我正在用 AngularJS 做一些基本的 CRUD。这是视图：

<table>
    <tr ng-repeat=="person in persons | orderBy:lastName">
        <td>
            {{person.firstName}}
        </td>
        <td>
            {{person.lastName}}
        </td>
        <td>
        </td>
    </tr>
    <tr>
        <td>
            <input ng-model="person.firstName">
        </td>
        <td>
            <input ng-model="person.lastName">
        </td>
        <td>
            <button ng-click="save(person)">Save</button>
        </td>
    </tr>
</table>

问题在于，当您在输入中键入新用户时，该行的位置会跳到按字母顺序排列的位置。显然我希望这种情况发生，但前提是用户完成输入并点击“保存”。

Answer 1

您应该在模糊上更新范围变量的绑定，因为您应该查看ng-model-options

我建议您选择ng-model-options="{ updateOn: 'blur' }"orderBy 过滤器中提到的字段

<input ng-model="person.lastName" ng-model-options="{ updateOn: 'blur' }>

笔记

为此，您需要将角度更新为 1.3 +