一个模板中的多个组件

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]