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

Question

我想显示另一个组件的内容。 这是我menu.component.html，我想在app.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 [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 
     }); 
}