Aktualisieren Sie die übergeordnete Bereichsvariable in eckig

Ich habe zwei Controller, ein gewickelt in einem anderen. Jetzt weiß ich, das Kind-scope erbt die Eigenschaften von der übergeordneten Bereich, aber gibt es eine Möglichkeit zum aktualisieren der übergeordneten scope-variable? Bisher habe ich noch nicht ganz offensichtliche Lösungen.

In meiner situation habe ich ein Kalender-controller innerhalb eines Formulars. Ich möchte zum aktualisieren der start-und end-Termine aus dem übergeordneten Bereich (das ist die form), so dass die form hat, die start-und Enddatums eingereicht.

InformationsquelleAutor der Frage Malcr001 | 2013-06-04

  1. 181

    Müssen Sie ein Objekt (kein primitiver) in den übergeordneten Bereich und dann werden Sie in der Lage sein, Sie zu aktualisieren, direkt aus dem untergeordneten Bereich

    Eltern:

    app.controller('ctrlParent',function($scope){
    $scope.parentprimitive = "someprimitive";
    $scope.parentobj = {};
    $scope.parentobj.parentproperty = "someproperty";
});

    Kind:

    app.controller('ctrlChild',function($scope){
    $scope.parentprimitive = "this will NOT modify the parent"; //new child scope variable
    $scope.parentobj.parentproperty = "this WILL modify the parent";
});

    Arbeiten demo: http://jsfiddle.net/sh0ber/xxNxj/

    Sehen Was sind die Nuancen der Umfang prototypal /prototypische Vererbung in AngularJS?

    InformationsquelleAutor der Antwort sh0ber

  2. 107

    Es ist eine weitere Möglichkeit, um diese Aufgabe zu erfüllen und nicht der $scope.$parent variable.

    Vorbereiten und eine Methode für das ändern der Werte in der übergeordneten Bereich und verwenden Sie es in ein Kind. Wie diese:

    app.controller('ctrlParent',function($scope) {
  $scope.simpleValue = 'x';
  $scope.changeSimpleValue = function(newVal) {
    $scope.simpleValue = newVal;
  };
});

app.controller('ctrlChild',function($scope){
    $scope.changeSimpleValue('y');
});

    Funktioniert es auch und geben Ihnen mehr Kontrolle über den Wert ändert.

    Können Sie dann auch die Methode aufrufen, auch in HTML wie: <a ng-click="changeSimpleValue('y')" href="#">click me!</a>.

    InformationsquelleAutor der Antwort Ravbaker

  3. 5

    Funktioniert das auch (aber nicht sicher, ob dies folgt best practice oder nicht)

    app.controller('ctrlParent',function($scope) {
    $scope.simpleValue = 'x';
});

app.controller('ctrlChild',function($scope){
    $scope.$parent.simpleValue = 'y';
});

    InformationsquelleAutor der Antwort DynamicNate

  4. 4

    Beim zuweisen eines primitiven Attribut zu einem Umfang ist es immer lokal auf dem Umfang (ggf. on the fly erstellt), selbst wenn ein Elternteil Umfang hat ein Attribut mit dem gleichen Namen. Dies ist eine design-Entscheidung, und ein guter IMHO.

    Wenn Sie Sie brauchen, um einige primitive (int, Boolean, strings) im übergeordneten Bereich aus der Sicht, die Sie benötigen, um ein Attribut von einem anderen Objekt in diesem Bereich, so gilt die Abtretung kann Lesen:

    <a ng-click="viewData.myAttr = 4">Click me!</a>

    und es wird, wiederum:

    1. Holen Sie sich die viewData Objekt, egal aus welcher Geltungsbereich ist definiert, in
    2. assign 4, um seine myAttr Attribut.

    InformationsquelleAutor der Antwort rewritten

  5. 2

    Für den Zugriff auf Variablen, die in der übergeordneten, sollte man mit $parent in child-controller oder eine Vorlage-Datei

    Controller

    $scope.$parent.varaiable_name

    In der html-Vorlage

    ng-model="$parent.varaiable_name"

    InformationsquelleAutor der Antwort Nibu

Schreibe einen Kommentar