Erhalten Sie Wert von einer Komponente und verwenden Sie sie in einer anderen Komponente.

Question

Ich habe zwei Komponentendateien in meiner Angular 2 App - home.ts und folder-selector.ts. Ich habe eine Variable in Ordner-selector.ts pathToNode genannt. Wie kann ich auf diesen Wert von home.ts zugreifen? Meine Home-Komponente hat einen Import für FolderSelectorService - ich dachte ursprünglich, dass ich vielleicht einen Service-Aufruf zum Verweis auf pathToNode erstellen müsste, aber das scheint nicht richtig zu sein. Wie bekomme ich Komponentenwerte zwischen Komponenten? Soll ich eine Import-Anweisung für die Ordnerauswahl-Komponente haben?

Answer 1

Passing Daten (Kind) Komponenten sollten durch @Input erfolgen, lesen https://toddmotto.com/passing-data-angular-2-components-input und https://angular.io/docs/ts/latest/cookbook/component-communication.html

Es ist wichtig, vertraut zu machen mit Daten in Angular 2 fließt Anwendungen zu erstellen, Daten fließt durch @Input, fließen Ereignisse nach oben durch @Output

Sie können nur Daten überliefern in Ihrem Komponentenbaum, so erfordert dies für Ihre home Komponenten innerhalb folder-selector verschachtelt werden. (Wenn das nicht der Fall ist, müssten Sie eine übergeordnete Komponente erstellen, die die Daten enthält)

<folder-selector> 
    <home [pathToNode]="pathToNode"> ...</home> 
</folder-selector