angularjs - extend rekursiv

Question

Ich möchte einige Eigenschaften rekursiv erweitern (aka. Tiefe Kopie). ähnlich wie jQuery. Ich schließe Jquery nur b/c von einer Sache ein.

jQuery.extend(true, target, object1) 

Gibt es irgendeine elegante Weise, die Sie wissen, dass es mit einfachem Javascript oder angularjs tut?

Update nehmen Sie bitte einen Blick und versuchen, das gleiche Ergebnis http://plnkr.co/edit/GHabYbyhsqtfBPtplksO?p=preview

i in .copy aussehen zu erreichen(), aber die "Eigenschaften (Objekte) werden gelöscht"

Answer 1

Hier eine extendDeep-Funktion aus der angular.extend Funktion basiert. Wenn Sie dies Ihrem $ -Bereich hinzufügen, können Sie dann

anrufen und erhalten Sie die Antwort, die Sie suchen.

$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; 
}; 

Hinweis: Diese Funktion hat den Nebeneffekt, dass Werte aus späteren Argumenten in die früheren Argumente kopiert werden. Für eine einfache Lösung dieses Nebeneffekts können Sie dst[key] = value in dst[key] = angular.copy(value) ändern.

Answer 2

Angular hat eine Kopiermethode:

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

Aufbauend auf Ryans Code können Sie die Objektprüfung verkürzen und Sie sollten KEINE Funktionen erweitern, so dass Sie keine Objektzeiger überschreiben.

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

Die gleiche Lösung wie Ryan aber mit Unterstützung für Array, die Antworten sind für Versionen von Angular vor 1.4

Ab Angular 1.4, gültig Alle

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

fusionieren können Sie Verwenden Sie angular.merge, um genau das zu tun:

Im Gegensatz zu extend(), merge() steigt rekursiv in Objekteigenschaften von Quellobjekten ab und führt eine tiefe Kopie aus.

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