我有一个现有数组，其中包含一个对象和在第一步中创建的多个属性。它由以下函数创建:

$scope.recordlist = extractRecordJSONFromLocalStorage();
$scope.addRecord = function () {
    $scope.recordlist.push(
            {
                date: $scope.dateJson, 
                time: $scope.time, 
                car: $scope.carList.code, 
                driver: $scope.driverList.name,
                from: $scope.locationList.place,
                destination: $scope.locationList2.place, 
                pax: $scope.paxList
            }
        );

    $scope.custom = $scope.custom === false ? true: false;
    $scope.carList = 0;
    $scope.driverList = 0;
    $scope.locationList = 0;
    $scope.locationList2 = 0;
    jsonToRecordLocalStorage($scope.recordlist);
};

结果如下:

[{
  "date":"2014 10 16",
  "time":"20.22",
  "car":"396",
  "driver":"Seb",
  "from":"A",
  "destination":"B",
  "pax":"3"
}]

我想要做的是在下一步中使用 ng-click 将另一个属性添加到现有对象中。我试过以下功能，但它似乎不起作用。

$scope.insertRecord = function (recordlist) {

    var arrival = { 'arrival' : moment().format("HH.mm") }
    console.log(arrival)
    angular.extend($scope.recordlist, arrival)


    jsonToRecordLocalStorage($scope.recordlist);
}

我正在寻找的最终结果如下:

[{
  "date":"2014 10 16",
  "time":"20.22",
  "car":"396",
  "driver":"Seb",
  "from":"A",
  "destination":"B",
  "pax":"3",
  "arrival":"23.10"
}]

也许还需要考虑的另一件事是，在应用程序中，可能会列出许多不同的对象，有些对象已经定义了 arrival 属性，但有些对象将具有它稍后。

有什么建议吗？

编辑

我找到了 2 个解决方案，但没有达到我想要的效果，所以我可能不清楚我想做什么。

我正在将一组对象保存到一个数组中，每个对象都有一个属性 arrival 将在第二步定义。

所以首先我创建一个这样的对象数组:

[
 {
  "date":"2014 10 16",
  "time":"20.42",
  "car":"396",
  "driver":"Seb",
  "from":"A",
  "destination":"B",
  "pax":"3",
 },
 {
  "date":"2014 10 16",
  "time":"20.12",
  "car":"319",
  "driver":"Seb",
  "from":"C",
  "destination":"D",
  "pax":"4",
 },
 {
  "date":"2014 10 16",
  "time":"20.22",
  "car":"396",
  "driver":"Seb",
  "from":"G",
  "destination":"A",
  "pax":"1",
 }
]

它以类似表格的布局显示在 View 上。每行包含来自一个对象的数据，并且最初不包含属性 arrival，因为应用程序跟踪汽车运动并且汽车尚未到达目的地。

每一行还有一个触发 insertRecord() 的按钮，它定义了到达时间，并且应该将 arrival 属性独立地包含到每个对象中。

所以在这个例子中，也许第二个对象的汽车到了，我希望能够只为这个特定的对象添加arrival属性，留下像这样的数组:

[
 {
  "date":"2014 10 16",
  "time":"20.42",
  "car":"396",
  "driver":"Seb",
  "from":"A",
  "destination":"B",
  "pax":"3"
 },
 {
  "date":"2014 10 16",
  "time":"20.12",
  "car":"319",
  "driver":"Seb",
  "from":"C",
  "destination":"D",
  "pax":"4",
  "arrival":"20.35"
 },
 {
  "date":"2014 10 16",
  "time":"20.22",
  "car":"396",
  "driver":"Seb",
  "from":"G",
  "destination":"A",
  "pax":"1"
 }
]

dfsq 提出的 2 个解决方案让我既可以为数组的第一个对象定义到达，也可以同时为所有对象定义到达，但不能分别为每个对象定义到达。

这是调用 insertData 的 HTML 代码:

<div class="row msf-row" ng-repeat="record in recordlist | filter: search">
      <div class="col-md-1">{{record.time}}</div>
      <div class="col-md-1"><strong>{{record.car}}</strong></div>
      <div class="col-md-1">{{record.driver}}</div>
      <div class="col-md-3">{{record.from}}</div>
      <div class="col-md-3">{{record.destination}}</div>
      <div class="col-md-1">{{record.pax}}</div>
      <div class="col-md-1">
           <button ng-click="insertRecord()" ng-show="!record.arrival"><i class="fa fa-cog"></i></button>{{record.arrival}}
      </div>
</div>   

既然如此，关于如何到达那里有什么提示吗？

最佳答案

根据您的代码 $scope.recordlist 是一个对象数组。所以你可能想要这个:

angular.extend($scope.recordlist[0], arrival);

UPD 要更新数组中的每个对象，您可以使用 map 方法:

$scope.recordlist = $scope.recordlist.map(function(obj) {
    return angular.extend(obj, arrival);
});

关于javascript - 使用 AngularJS angular.extend 独立地向数组的每个对象添加属性，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26410640/