javascript - 连接 $scope 变量

Question

我有 2 个 Angular 变量定义如下:

$scope.a = {
  var1: value1,
  var2: value2
};

$scope.b = {
  var3: value3,
  var4: value4
};

我正在尝试连接 var1 和 var2 以便有 $scope.c 定义如下:

$scope.c = {
  var1: value1,
  var2: value2,
  var3: value3,
  var4: value4
};

我正在做 $scope.a = $scope.b + $scope.c 但它没有给出预期的结果，我得到的值 "[object Object][object对象]" 为 $scope.c。

Answer 1

你可以使用 ES6 的 spread syntax当谈到连接对象时。

$scope.c = {...$scope.a, ...$scope.b};

或者AngularJs的angular.extend()这使您可以达到相同的结果。

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

例如，

const a = {
  var1: 'value1',
  var2: 'value2'
} ;

const b = {
  var3: 'value3',
  var4: 'value4'
} ;

console.log({...a, ...b});

你可以看看我做的demo here