javascript - 显式控制 ng-model 对象的顺序

Question

假设您有一些这样的输入:

<input type="text" ng-model="user.name">
<input type="text" ng-model="user.phone">
<input type="text" ng-model="user.email">

如果我输出模型，很多时候模型的顺序显然是随机的，尤其是从数据库动态生成的复杂表单(对于这个问题来说，上述模型被过度简化了)。

例如:

{{user}}

通常会以随机顺序输出，如下所示:

{
 phone: '8888888888',
 email: 'email@domain.com',
 name: 'persons name'
}

我的问题是，如何显式控制对象内部元素的顺序？像这样的东西会完美工作:<input type="text" ng-model="user.name" model-position="1">

Answer 1

您可以在使用对象之前声明它。所以javascript会保持原来的顺序。

// controller code
$scope.user = {
    name: ''
    phone: '',
    email: ''
};

但是如果您有动态生成的对象，则必须按照所需的顺序重新生成该对象。