Question

我正在创建一个Angular 2网页 - 我最初有一个HTML文件，其中包含了我的网页用户界面所需的一切 - 出于设计原因，我已经删除了部分内容HTML并为其创建了一个单独的组件（特别是树视图显示）。我已经能够在原始HTML中使用其选择器tree-selector来引用其他HTML文件（treeview），如下所示：

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

tree-selector.html的代码是（我使用PrimeNG UI组件）：

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

之前，当所有内容都在1个文件中时，很容易使用变量"fileSystemTree"来用于[value]。现在我有两个HTML文件，我不确定如何在我的主HTML中再次使用fileSystemTree并将其链接到tree-selector.html中的[value]。

Answer 1

将其作为输入参数传递给<tree-selector></tree-selector>，然后再转到<p-tree...>

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

树选择器组件中的

：

@Input() fileSystemTree: any;

将变量从一个html文件传递到另一个

1 个答案: