如何將兩個不同範圍對象中的值添加到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);

這個作品