scope. $ Parent.messageContent = Wert aktualisiert den übergeordneten Bereich nicht von der Direktive

Question

Ich hätte schwören können, dass ich früher gearbeitet habe, aber jetzt kann ich den übergeordneten Bereich nicht mehr aktualisieren und auf der Seite anzeigen.

Im Elternteil habe ich einige ein einfacher Bereich, den ich von der Direktive aktualisieren möchte. Im übergeordneten Controller habe ich es so eingestellt.

$scope.messageContent = 'The initial content'; 

In der übergeordneten Ansicht habe ich es

angezeigt

{{$scope.messageContent}} 

ich für einen Test ist es sehr einfach gemacht und hier ist die Richtlinie. In meiner Link-Funktion in der Direktive habe ich diesen Code:

link: function (scope, element, attrs) { 
    scope.$parent.messageContent = 'New content'; 
} 

Es wird einfach nicht die Eltern aktualisieren. Was fehlt mir hier?

Dank

Answer 1

Sie haben wahrscheinlich eine ng-if oder eine andere Winkel Richtlinie (ng-repeat, ng-Schalter, ...), die einen neuen Bereich erstellt, so dass Sie die Kette mit mehr $parent Erklärungen steigen müssen.

Bessere Option ist ein Objekt zu verwenden.

-Controller:

$scope.message = {content: 'some content'}; 

Richtlinie

link: function (scope, element, attrs) { 
    scope.message.content = 'New content'; 
} 

ein Objekt anstelle eines primitiven Verwendung des Auflösungsproblem aufgrund von JavaScript prototypal Vererbung funktioniert zu lösen.
Für eine ausführliche Antwort - sehen: What are the nuances of scope prototypal/prototypical inheritance in AngularJS?