无法有效地将复杂输入绑定到变量

Question

我是 Angular 的新手，正在努力学习。我正在尝试找到一种方法将一些数量与其 ID 绑定。这是我的模板：

"<div class='tableBorder'><label> <input ng-model='" + modelngQTY + "'  type='number' name='{{value.DetailID}}' /> {{value.Text | lowercase}}  </label> </div>"

modelngQTY 是：

modelngQTY = "selectedOptions[value.CustomID].Details[value.DetailID].QTY";

不幸的是，使用此代码生成的对象是：

{"36":{"Details":{"107":{"QTY":2323232},"108":{"QTY":232323}}}}

我希望它看起来像这样：

 {"36":{"Details":[{DetailID: "107", "QTY":2323232},{DetailID: "108","QTY":232323}]}}

这是两者的并排视觉效果。我想要左边的那个：

右边的版本很难用 ng-repeat 循环。我拥有所有数据，显然我只是不知道如何编写模型。我已经尝试过 {} 和 []，以及许多不同的 ngmodel 版本。我能得到的最好的是右边的版本。

我已经进行了大量的谷歌搜索，并且有大量关于如何过滤和使用 ng-options for ng-repeat 的资源，但我几乎找不到任何关于将数据插入模型的信息好格式。

我在这里错过了什么？

Answer 1

http://plnkr.co/edit/9wMZAD?p=info 中存在对此的可能解决方案。

这些地图函数

 vm.endingStructure= _.map(vm.beginningStructure, function(object, value) {
    var newStructure = {};
    newStructure[value] = {
      Details: _.map(object.Details, function(qtyObject, value) {
        var arrayStructure = {
          DetailID: value,
          QTY:qtyObject.QTY
        };
        return arrayStructure;
      })
    };
    return newStructure;
  });

将{ "36": { "Details": { "107": { "QTY": 2323232 }, "108": { "QTY": 232323 } } } }变为[ { "36": { "Details": [ { "DetailID": "107", "QTY": 2323232 }, { "DetailID": "108", "QTY": 232323 } ] } } ]

无法有效地将复杂输入绑定到变量

Trouble binding complex input to variable, efficiently

binding

json

angularjs

angularjs-ng-repeat

angularjs-ng-model