Javascript 从文本输入标签和值创建角度对象
我需要将许多文本框绑定到Javascript 从文本输入标签和值创建角度对象,javascript,angularjs,Javascript,Angularjs,我需要将许多文本框绑定到$scope对象。但是,我需要它将值作为具有非常特定结构的对象 普朗克可用 所需的结果是推送具有以下结构的对象: [{ "Params": [{ "childParam": "3", <-- text-input value "param": "Sets" <-- Param value (also text-input label) }, { "childParam": "9", <-- text-input value
$scope
对象。但是,我需要它将值作为具有非常特定结构的对象
普朗克可用
所需的结果是推送具有以下结构的对象:
[{
"Params": [{
"childParam": "3", <-- text-input value
"param": "Sets" <-- Param value (also text-input label)
}, {
"childParam": "9", <-- text-input value
"param": "Reps" <-- Param value (also text-input label)
}]
这里是我的文本输入
<label ng-repeat="value in Params" class="item item-input item-stacked-label">
<span class="input-label">{{value.param}}</span>
<input type="text" ng-model="exercise.Params.test[value.param]" placeholder="John">
</label>
{{value.param}}
您应该将您的plunkr设置为mcve:它包含两个ng重复,与您的问题不同。请尝试它ng model=“exercise.Params[$index][value.param]”
@Thomas我认为让这两个ng重复是很重要的,因为$index
的行为方式。如果您想使用childParam作为模型ng model=“exercise.Params[$index].childParam”
关闭,但是,这并没有创建我需要的相同结构。您应该将您的plunkr设置为mcve:它包含两个ng重复,并且与您的问题不同。请尝试使用它ng model=“exercise.Params[$index][value.param]”
@Thomas我认为让这两个ng重复是很重要的,因为$index
的行为方式。如果您想使用childParam作为模型ng model=“exercise.Params[$index].childParam”
关闭Alexander,这不会创建我需要的相同结构。
<label ng-repeat="value in Params" class="item item-input item-stacked-label">
<span class="input-label">{{value.param}}</span>
<input type="text" ng-model="exercise.Params.test[value.param]" placeholder="John">
</label>