angularjs - mở rộng đệ quy

Question

Tôi muốn mở rộng một số thuộc tính đệ quy (còn gọi là bản sao sâu). giống jQuery. Tôi không bao gồm jquery chỉ b/c của một điều.

jQuery.extend(true, target, object1) 

có cách nào thanh lịch mà bạn biết về điều đó với javascript hoặc angularj đơn giản không?

cập nhật xin hãy xem và cố gắng đạt được kết quả tương tự http://plnkr.co/edit/GHabYbyhsqtfBPtplksO?p=preview

tôi đã nhìn vào .copy() nhưng "tài sản (cho các đối tượng) được xóa"

Answer 1

Dưới đây là một chức năng extendDeep dựa tắt của hàm angular.extend. Nếu bạn thêm số này vào phạm vi $ của mình, bạn sẽ có thể gọi

$scope.meta = $scope.extendDeep(ajaxResponse1.myMeta, ajaxResponse2.defaultMeta); 

và nhận câu trả lời bạn đang tìm kiếm.

$scope.extendDeep = function extendDeep(dst) { 
    angular.forEach(arguments, function(obj) { 
    if (obj !== dst) { 
     angular.forEach(obj, function(value, key) { 
     if (dst[key] && dst[key].constructor && dst[key].constructor === Object) { 
      extendDeep(dst[key], value); 
     } else { 
      dst[key] = value; 
     }  
     }); 
    } 
    }); 
    return dst; 
}; 

Lưu ý: Chức năng này có tác dụng phụ của việc sao chép các giá trị từ các đối số sau này vào các đối số trước đó. Để sửa lỗi đơn giản cho hiệu ứng phụ này, bạn có thể thay đổi dst[key] = value thành dst[key] = angular.copy(value).

Answer 2

góc có một phương pháp sao chép:

angular.copy

Answer 3

function deepExtend(destination, source) { 
    for (var property in source) { 
    if (source[property] && source[property].constructor && 
    source[property].constructor === Object) { 
     destination[property] = destination[property] || {}; 
     arguments.callee(destination[property], source[property]); 
    } else { 
     destination[property] = source[property]; 
    } 
    } 
    return destination; 
} 

Plunker

Src: https://gist.github.com/gregdangelo/2343158

Answer 4

Xây dựng trên mã của Ryan, bạn có thể rút ngắn kiểm tra đối tượng và bạn cũng KHÔNG nên mở rộng chức năng để bạn không ghi đè con trỏ đối tượng.

var extendDeep = function extendDeep(dst) { 
    angular.forEach(arguments, function(obj) { 
     if (obj !== dst) { 
      angular.forEach(obj, function(value, key) { 
       if (dst[key] && angular.isObject(dst[key])) { 
        extendDeep(dst[key], value); 
       } else if(!angular.isFunction(dst[key])) { 
        dst[key] = value; 
       } 
      }); 
     } 
    }); 
    return dst; 
}; 

Answer 5

Các giải pháp giống như Ryan nhưng với sự hỗ trợ cho mảng sáp nhập

function extendDeep(dst) { 
     angular.forEach(arguments, function (obj) { 
      if (obj !== dst) { 
      angular.forEach(obj, function (value, key) { 
       if (dst[key] && dst[key].constructor && dst[key].constructor === Object) { 
        extendDeep(dst[key], value); 
       } else if (dst[key] && dst[key].constructor && dst[key].constructor === Array) { 
        dst[key].concat(value); 
       } else if(!angular.isFunction(dst[key])) { 
        dst[key] = value; 
       } 
       } 
      ); 
      } 
     } 
    ); 
     return dst; 
    } 

Answer 6

Tất cả các câu trả lời ở đây là hợp lệ cho phiên bản của góc trước 1,4

Tính góc 1.4, bạn có thể sử dụng angular.merge để thực hiện chính xác điều đó:

Không giống như extend(), hợp nhất() đệ quy xuống các thuộc tính đối tượng của đối tượng nguồn, thực hiện bản sao sâu .

https://docs.angularjs.org/api/ng/function/angular.merge