javascript - 我如何无法将 ng-model 值和标签值放入一个对象中？

Question

如何从输入表单中获取这样的数组:

"data":[
    {"name": "Name", "values": ["Jack"]},
    {"name": "Age",  "values": ["67"]},
    {"name": "Hobby","values": ["swimming"]}
]

我正在尝试这个:
这是我的带有标签和输入的表单，我需要将它们放入一个对象中，但不明白如何执行此操作

    <div class="form-group">
         <label class="col-sm-4 control-label">Name</label>
         <div class="col-sm-6">
              <input type="text" class="form-control" ng-model="data.name">
         </div>
         <label class="col-sm-4 control-label">Last Name</label>
         <div class="col-sm-6">
              <input type="text" class="form-control" ng-model="data.name)">
         </div>
    </div>

这是我的 Controller ，我将数据放入LocalStorage:

.controller('MainCtrl', function($scope) {
    $scope.data = localStorage.getItem('data');
    $scope.data = $scope.data ? JSON.parse($scope.data) : {};
    $scope.$watchCollection('data', function(newVal, oldVal){
       localStorage.setItem('data', JSON.stringify($scope.formData));
    });
}

Answer 1

我不确定您到底想做什么，但在代码中您希望将 ng-model 属性设置为正在更改的实际值:

<div class="form-group">
     <label class="col-sm-4 control-label">Name</label>
     <div class="col-sm-6">
          <input type="text" class="form-control" ng-model="data[0].values[0]">
     </div>
</div>

尽管我建议您将模型更改为如下所示:

{
  "data": {
    "name": "Jack",
    "age": "67",
    "hobby": "swimming"
  }
}

然后您在 OP 中发布的代码就可以工作。