从文本输入标签和值创建角度对象

时间:2016-03-19 19:40:54

标签: javascript angularjs

我需要将一些文本框绑定到$scope对象。但是,我需要它将值作为具有非常特定结构的对象。

Plunker可用here

期望的结果是推送具有以下结构的对象:

[{
"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)
}]

我的问题是我需要ng-model将输入绑定到我的对象并创建上述结构。

这是我的Param

$scope.Params = [{
    "param": "Sets"
}, {
    "param": "Reps"
}, {
    "param": "Weight"
}, {
    "param": "Color"
}, {
    "param": "TimeSec"
}, {
    "param": "TimeMin"
}, {
    "param": "Hold"
}, {
    "param": "Tempo"
}];

以下是我的文字输入

<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>

0 个答案:

没有答案