如何将两个不同范围对象中的值添加到angularjs中的单个范围对象中

Question

我试图将2个不同范围对象中的值合并到一个范围对象中。

$scope.a={ 
name: A; 
} 
$scope=b{ 
age:12; 

} 

$scope.x=angular.copy($scope.a,$scope.b); 

或

$scope.x=angular.extend($scope.a,$scope.b); 

或

$scope.x=angular.merge($scope.a,$scope.b); 

这是行不通的。我得到的是只分配给$scope.x

Answer 1

var app = angular.module("app",[]); 
 

 
app.controller("MyCtrl" , function($scope){ 
 
    $scope.x = {a:"",b:""}; 
 
    
 
    
 
    $scope.copy = function(a,b){ 
 
     $scope.x.a = angular.copy(a); 
 
    $scope.x.b = angular.copy(b); 
 
    } 
 
    
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="app" ng-controller="MyCtrl"> 
 
<form > 
 
    <input type="text" ng-model="a"> 
 
    <input type="text" ng-model="b"> 
 
    
 
    <input type="button" ng-click="copy(a,b)" value="copy"> 
 
</form> 
 
    
 
    
 
    <pre>{{ x | json}}</pre> 
 
</div>

你应该改变上你的$scope.x对象的$scope.a值。喜欢这个。

$scope.x = { 
      a:"", 
      b:"" 
      } 

然后用角副本

$scope.x.a = angular.copy($scope.a); 
$scope.x.b = angular.copy($scope.b); 

Answer 2

最后我得到了它。我用angular.merge这样，

$scope.a = angular.merge($scope.b);

这个作品