javascript - Angular - 创建对象映射

Question

我需要能够在 Angular 中动态创建参数对象，其形式如下:

[
    password: {type: 'String', required: true, value: 'apassword'},
    someRandomParam: {type: 'Integer', required: false, value:3}
]

我知道如何绑定(bind)到此对象以显示列表或表中的值，但我不知道如何使用 Angular 中的绑定(bind)构造此对象，主要是创建 key (“密码”)，如下所示键也是动态创建的。

Answer 1

我假设您的意思是拥有一个对象，而不是一个数组(您的代码将生成 SyntaxError)，如下所示:

$scope.params = {
    password: {type: 'String', required: true, value: 'apassword'},
    someRandomParam: {type: 'Integer', required: false, value:3}
};

确实可以绑定(bind)它，甚至可以使用 ngRepeat。但是向该对象添加一些东西需要的不仅仅是简单的绑定(bind)。在您的 View 中创建一些输入:

<input type="text" ng-model="newParamName" />
<input type="text" ng-model="newParam.type" />
<input type="checkbox" ng-model="newParam.required" />
<input type="text" ng-model="newParam.value" />
<input type="button" ng-click="addParam(newParamName, newParam)" value="Add me!" />

...并在 Controller 中:

$scope.addParam = function(name,param){
    $scope.params[name] = angular.copy(param);
};