Variable von einer HTML-Datei an eine andere übergeben

Question

Ich erstelle eine Angular 2-Webseite - ich hatte ursprünglich eine HTML-Datei, die alles enthielt, was ich für die Benutzeroberfläche meiner Webseite brauchte - aus Designgründen habe ich einen Teil davon entfernt HTML und erstellt eine separate Komponente dafür (insbesondere eine Baumansicht). Ich habe in der Lage gewesen, wie so die andere HTML-Datei (treeview) fein mit seinen Wählern tree-selector in meinem ursprünglichen HTML-Referenz:

<div *ngIf="showTree"> 
    <h1>Using treeview template.</h1> 
    <tree-selector></tree-selector> 
</div> 

Der Code für Baum selector.html ist (ich verwende PrimeNG UI-Komponenten):

<p-tree [value]="fileSystemTree" selectionMode="single" (onNodeSelect)="nodeSelect($event)" (onNodeUnselect)="nodeUnselect($event)" (onNodeExpand)="nodeExpand($event)" [style]="{'max-height':'200px','overflow':'auto'}"></p-tree> 

Früher, als alles, was in 1 Datei war, war es einfach, die Variable "fileSystemTree" verwenden für [value] zu verwenden. Jetzt, da ich zwei HTML-Dateien habe, bin ich unsicher, wie ich wieder fileSystemTree in meinem Haupt-HTML verwenden und es mit [value] in tree-selector.html verknüpfen kann.

Answer 1

Pass es <tree-selector></tree-selector> als Eingabeparameter und dann weiter auf <p-tree...>

<div *ngIf="showTree"> 
    <h1>Using treeview template.</h1> 
    <tree-selector [fileSystemTree]="fileSystemTree"></tree-selector> 
</div> 

in Baum Selektorkomponente:

@Input() fileSystemTree: any;