Eckige 2 - Wie nennt man eine Funktion in einem Geschwister-Komponente?

Ich habe 2 Geschwister Komponenten, die miteinander kommunizieren müssen:

<app-controls></app-controls>
<app-main></app-main>

app-Steuerelemente enthält Schaltflächen, müssen Sie zum auslösen von Ereignissen in der app-Haupt-Komponente. Gibt es eine Eckige 2 style-guide-konforme Art und Weise, dies zu tun?

InformationsquelleAutor wesley.ireland | 2016-08-17
  1. 11

    Können Sie eine Vorlage verwenden, die variable einen Verweis auf die Geschwister.
    Wenn <app-controls> hat einen Ausgang, wo es Ereignisse ausgibt, wenn eine Taste geklickt wird, die Sie tun können:

    <app-controls (buttonClicked)="main.doSomething($event)"></app-controls>
<app-main #main></app-main>

    oder Sie können übergeben Sie einen Verweis auf eine @Input() siblings; und dann rufen Sie die Methoden auf:

    <app-controls [sibling]="main"></app-controls>
<app-main #main></app-main>
    • Ich war zu veröffentlichen, die Antwort zu erwähnen, die Ausgabe + lokale template-Variablen-Technik, aber Sie schlagen mich :). Hier ist die plunker.
    • Vielen Dank für die Plunker 🙂
    • wie kann ich access das Formular in der <app-main #main></app-main - > bitte beachten Sie für diese #main im laden eine dynamische Komponente
    • Erstellen Sie bitte eine neue Frage mit deinem code, der veranschaulicht, was Sie versuchen zu erreichen.
    • fügen Sie eine neue Frage 🙂 stackoverflow.com/questions/42573260/...
    • Vielen Dank für die Lösung
    • Dass plunker mir helfen der einfache Weg

    InformationsquelleAutor Günter Zöchbauer
  2. 4

    Zwei Möglichkeiten:

    Nutzung einer shared-Service-mit dependency injection.

    Oder mit der @Input() und @Output() Dekorateure:

    https://angular.io/docs/ts/latest/cookbook/component-communication.html

    InformationsquelleAutor mxii
Schreibe einen Kommentar