angular.copy() funktioniert nicht in eckigen Klammern {{}}

Question

Ich verwende "as vm" -Syntax in einem Controller. Ich benutze angular.copy(), um eine Datenstruktur in eine temporäre zu kopieren.

Allerdings möchte ich diesen Code in die Vorlagenansicht verschieben, so dass ich mich nicht auf einen Controller-Funktionsaufruf verlassen muss. Dies liegt daran, dass ich den Code im Controller nicht neu schreiben muss, wenn ich den Code neu schreibe.

{{vm.temp = []}}       //works 
{{vm.temp = vm.data}}      //works 
{{vm.temp = angular.copy([])}}   //does not work 
{{vm.temp = angular.copy(vm.data)}}  //does not work, I need this or 
{{angular.copy(vm.data, vm.temp = [])}} //does not work, I need this 

Was mache ich falsch?

Answer 1

Diese Logik sollte in der Steuerung erfolgen, dafür ist der Controller zuständig. Aber um Ihre Frage zu beantworten, von den angular docs on expressions:

Context: JavaScript expressions are evaluated against the global window. In AngularJS, expressions are evaluated against a scope object

Das bedeutet, es versucht, in Ihrem Ausdruck für die angular Definition unter das $scope Objekt zu suchen. So zu tun, was Sie wollen, würden Sie dies in der Steuerung zu tun haben:

$scope.angular = angular; 

Answer 2

meine Abhilfe: Erstellen Sie eine Wrapper-Funktion

vm.copy = function (item1, item2) { 
    return angular.copy(item1, item2); 
}; 

dann rufen Sie es in Ihrem html mit ng-init, nicht mit {{}}

ng-init="vm.copy(vm.data, vm.tempData = [])"