一個模板中的多個組件

Question

我有主要組件，其模板是另一個組件。我想知道是否可以在一個模板中有兩個組件，都可以顯示。例如，我創建了一個包含導航的組件，另一個包含body。由於我需要導航以保持所有其他頁面的一致，因此我爲它製作了一個組件。我該如何解決這個問題？它甚至有可能嗎？

如

import { Component } from '@angular/core'; 

@Component({ 
moduleId: module.id, 
selector: 'my-app', 
template: ` 
<firstComponent></firstComponent> 
<secondComponent></secondComponent> 
` 
}) 
export class AppComponent { 

} 

Answer 1

可以通過讓它們作爲兩個單獨的組件並將其添加到陣列申報相應模塊的

import { Component } from '@angular/core'; 

@Component({ 
selector: 'firstComponent', 
template: ` 
     .................. 
` 
}) 
export class FirstComponent { 

} 

Second component 
import { Component } from '@angular/core'; 

@Component({ 
selector: 'secondComponent', 
template: ` 
     .................. 
` 
}) 
export class SecondComponent { 

} 


export class AppModule { 

declarations:[AppComponent,FirstComponent,SecondComponent]