Wie Sie programmgesteuert ändern Sie die Eingabe-Wert einer Komponente, die bereits gerendert (Winkel 2)

In meinem Winkel 2 app habe ich eine Komponente (mainComp), die anderen über

 <my-comp></my-comp>

mein comp emittiert (auf auswählen /Klick) ist es Wert (dies ist eine benutzerdefinierte dropdown) über

this.optionSelected.emit(currentOption == "Not described" ? null : currentOption);

mainComp erhält den Wert des dropdown-von

  • Gute Frage! Die @Input-Wert kann geändert werden durch Zuweisung eines Wertes an die input-Eigenschaft
  • können Sie bitte ein Beispiel in einer tatsächlichen Antwort?
InformationsquelleAutor dragonmnl | 2016-06-27
  1. 3

    Hast du ein 2-Wege-Bindung, so dass, wenn das Objekt ändert, wird das Ergebnis sollte auch aktualisiert werden. Wenn Sie habe eine EventEmitter, abonnieren Sie im Konstruktor wie:

    class MainComp {
  let value;
  ...
  constructor(private myComp : MyComp) {
    myComp.optionSelected.subscribe{
      (value) => this. value = value;
    }
}

    Nun, jedesmal, wenn die EventEmitter feuert emittieren, das Wert-Attribut in MainComp aktualisiert werden.

    Wenn Sie wollen etwas, facy, werfen Sie einen Blick auf ngOnChanges (https://angular.io/docs/ts/latest/cookbook/component-communication.html)

    Update:
    Meinst du sth. wie diese:

    class MainComp {
  template: `<myComp [(value)]=value></myComp>`
  ...
}

class MyComp {
  @Input(): value;
  ...
}

    Dies sollte ein 2-Wege-Bindung, so dass, wenn eine der Komponenten Bearbeitungen Wert, der anderen informiert wird.
    Werfen Sie einen Blick auf diese: https://angular.io/docs/ts/latest/guide/template-syntax.html#!#ngModel

    • Ich werde check it out in einem moment. danke!!!
    • (Ich konnte nicht schauen heute, aber ich werde bald und schließlich akzeptieren Sie die Antwort!)
    • Ich hoffe, es funktioniert! [()] wird ein zwei-Wege-Bindung, aber Sie können auch nur [] oder (), wenn Sie nicht möchten, dass diese Bindung (z.B. das ist, was Sie tun, abonnieren eines Ereignisses mit ($event) ).
    • ehrlich, dass war ein Teil einer Funktion, die wir entscheiden, zu entfernen erst gestern von dem Projekt, so konnte ich nicht wirklich testen. aber es macht durchaus Sinn, deshalb habe ich angenommen die Antwort
    • irgendwelche Ideen, update [(ngModel)] wenn ich den [(value -)]?
    InformationsquelleAutor bene
Schreibe einen Kommentar