2

さて、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>

問題は、入力に新しいユーザーを入力すると、その行の位置がアルファベット順に収まる場所にジャンプすることです。明らかに、これが発生することを望んでいますが、ユーザーが入力を完了して「保存」を押した場合のみです。

4

1 に答える 1

1

ぼかしのスコープ変数のバインディングを更新する必要があります。そのためには、次を確認する必要がありますng-model-options

ng-model-options="{ updateOn: 'blur' }"orderBy フィルターに記載されているフィールドを選択することをお勧めします

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

ノート

このためには、angular を 1.3 + に更新する必要があります。

于 2015-04-09T18:35:03.230 に答える