Wie, um Zugriff auf die Untergeordneten Controller-Bereich in der Übergeordneten Steuerung in Eckige?

Ich Lerne, Angular JS und ich habe so etwas wie dies mit einer übergeordneten Steuerung-und-Kind-controller:

<div ng-controller="MainCtrl">
    <p>Good {{question}}</p>

    <div ng-controller="ChildCtrl">
        <p>Good {{answer}}!</p>
    </div>

    Bind the Child Controller's scope and show here: {{ answer}}
<div>

Hier das Kind-controller ist mit dem Umfang wie diese: 

$scope.answer = response.answer;

Wie kann ich zeigen das {{ answer }} außerhalb der Kind-Controllers und die in der übergeordneten Steuerung?

InformationsquelleAutor Neel | 2014-03-15
  1. 18

    Können Sie auch verwenden, Umfang prototypal inheritance.

    In AngularJS, einen untergeordneten Bereich normalerweise vorbildgerecht erbt von seinem Eltern-scope. Aber die answer ist eine primitive (nicht Objekt-Typ). So sollten wir unsere text-Daten-Objekt, um sicherzustellen, dass prototypal inheritance im Spiel ist.

    (Mehr Infos hier: https://github.com/angular/angular.js/wiki/Understanding-Scopes)

    Controller:

    function MainCtrl($scope) {
  $scope.question = 'question';
  $scope.answer = {};
}
function ChildCtrl($scope) {
  $scope.answer.text = 'demo'; 
}

    Anzeigen:

    <div ng-controller="MainCtrl">
  <p>Good {{question}}</p>
  <div ng-controller="ChildCtrl">
    <p>Good {{answer.text}}!</p>
  </div>
  Bind the Child Controller's scope and show here: {{ answer.text}}
<div>
    • Das ist so einfach und leicht! Ich finde diese Methode besser als $emit und $on. Dank Haufen @IvanZh
    • Awsm.. Seine gespeicherten einen Tag mehr 🙂 vielen Dank.
    InformationsquelleAutor IvanZh
  2. 13

    Verwendung der publish/subscribe-Muster:

    function MainCtrl($scope) {
  $scope.question = 'question'
  $scope.$on('response', function (evnt, data) {
    $scope.answer = data;
  });
}

function ChildCtrl($scope) {
  $scope.$emit('response', 'demo');
}

    Demo hier.

    • Dank Minko. Ich schaute auf die demo. Sollte die {{ answer}} im übergeordneten controller sollte zeigen demo wenn seine gebunden mit der ein {{ answer }} im Kindes-controller?
    • Eigentlich ist es ein Fehler. Es sollte nun behoben sein.
    • Ich danke Ihnen so sehr. Das funktioniert jetzt. Perfekt!
    • Nur eine kleine Frage. hat die evnt im $scope.$on('response', function (evnt, data) werden event oder ist es egal und es kann halten Sie eine beliebige Zeichenfolge. (sorry, wenn das klingt dumm)
    • es spielt keine Rolle, und Sie kann jede beliebige Zeichenfolge verwenden, benutzen wir manchmal "e"
    • es funktioniert, danke

    InformationsquelleAutor Minko Gechev
Schreibe einen Kommentar