Question

我有主要组件，其模板是另一个组件。我想知道我可以在一个模板中有两个组件，都可以显示。例如，我创建了包含导航的组件，另一个包含了body。由于我需要导航在所有其他页面中保持相同，我为它制作了一个组件。我怎么解决这个问题？它甚至可能吗？

e.g

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]

一个模板中的多个组件

1 个答案: