如何在另一個組件中顯示組件的內容？

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 
     }); 
}