如何在一个组件中显示另一个组件的内容？

Question

我想在另一个组件中显示另一个组件的内容。这是我要在app.component.html中显示的menu.component.html

<div class="Tree">
<tree-root [nodes]="nodes">
<ng-template #treeNodeTemplate let-node let-index="index">
<a><span>{{ node.data.description }}</span></a>
</ng-template>
</tree-root>
</div>

我使用angular-tree-component以树的形式显示数据。

这是我的app.component.html，我使用menu组件的<menu>选择器来显示菜单：

<menu [path]="path"></menu>

问题是我只获取树的第一个元素，而不是以树的形式获取数据。

Answer 1

为什么不使用事件发射器在组件之间传输数据

//Home component.ts
import { Events } from 'ionic-angular';  
constructor(public events: Events) {
     directioChange(user) {
            this.events.publish('directiochanged', 'true');
     }
} 


//AngularTreeComponent
constructor(public events: Events) { 
       events.subscribe('directiochanged', (direction) => { 
             //Do your Tree view display Action in this receiver
       });
 }