javascript - Angular - 创建对象映射

Question

我需要能够在 Angular 中动态创建具有以下形式的参数对象：

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

我知道如何绑定到这个以便在列表或表格中显示值，但我不知道如何在 Angular 中使用绑定构造这个对象，主要是在创建这些键时创建键（“密码”）也是动态的。

Answer 1

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

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

确实可以绑定到它，即使使用 ngRepeat。但是向该对象添加一些东西需要的不仅仅是简单的绑定。在您的视图中创建一些输入：

<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!" />

...在控制器中：

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