使用 Angular 将数组复制到对象中的对象答案

【问题标题】：Copy Array to Object in Object with Angular使用 Angular 将数组复制到对象中的对象
【发布时间】：2016-06-29 05:49:56
【问题描述】：

我正在学习 Angular，我正在做一些示例来理解 angular.copy。我想要做的是创建一个带有服务的对象，然后创建一个包含服务对象的某些元素的新对象。

完整代码示例：HERE

这是服务的“数据”对象：

return {
    name: "hello",
    toys: ["asd", "lol"],
    food: ["apple"],
    phones: ["samsung", "lg", "iphone"]
};

在控制器中，我复制对象，创建一个新对象，然后将旧对象的一些元素复制到其中：

$scope.oldData = angular.copy(Data);
$scope.newData = {};

$scope.newData.name = oldData.name;

$scope.newData.toys = oldData.toys;

$scope.newData.phones = oldData.phones;

我希望用户只显示三个元素：姓名、玩具数组和电话数组：

    <h1>{{newData.name}}</h1>

<h1>Toys:</h1>
<ul>
  <li ng-repeat="toy in newData.toys">{{ toy }}</li>
</ul>


<h1>Phones:</h1>
<ul>
  <li ng-repeat="phone in newData.phones">{{ phone }}</li>
</ul>

为什么它不起作用？我做错了什么？

【问题讨论】：

看文档，需要像这样指定源和目标 angular.copy(source, [destination]);所以我会假设像这样 angular.copy(Data, $scope.oldData);

标签： javascript arrays angularjs angularjs-ng-repeat angularjs-factory

【解决方案1】：

当我运行你的代码时，我得到的错误是oldData is not defined。那是因为您使用的是 $scope.newData.Name = oldData.name; 但 javascript 引擎在此范围内找不到变量 oldData。

您已将 oldData 附加到 $Scope。所以你必须使用$scope.newData.Name = $scope.oldData.name;

【讨论】：

【解决方案2】：

你必须写范围对象 $scope.newData.name = $scope.oldData.name; ...

【讨论】：

【解决方案3】：

你正在使用 oldData 但你已经定义了 $scope.oldData

     var oldData = angular.copy(Data);
     $scope.newData = {};

     $scope.newData.Name = oldData.name;

     $scope.newData.toys = oldData.toys;

     $scope.newData.phones = oldData.phones;

here 固定的笨蛋

【讨论】：

【解决方案4】：

您在使用 oldData 之前没有添加 $scope。检查更新的 plunkr http://plnkr.co/edit/znoKheLX3aMVHpNo7lh4?p=preview

 $scope.oldData = angular.copy(Data);
 $scope.newData = {};

 $scope.newData.name = $scope.oldData.name;

 $scope.newData.toys = $scope.oldData.toys;

 $scope.newData.phones = $scope.oldData.phones;

【讨论】：

【解决方案5】：

oldData 是作用域变量，不是普通的 javascript 变量。

$scope.oldData

而不是

oldData

代码

$scope.oldData = angular.copy(Data);
$scope.newData = {};

$scope.newData.name = $scope.oldData.name;

$scope.newData.toys = $scope.oldData.toys;

$scope.newData.phones = $scope.oldData.phones;

或者任何一种方式你都可以做到var oldData

Demo

【讨论】：