У меня есть 3 компонента на моей домашней странице, как я могу назвать это в маршрутизации в Angular 7

Question

У меня есть 3 компонента на моей домашней странице, как я могу назвать это в маршрутизации в Angular 7, потому что в угловой маршрутизации только один компонент может быть вызван с маршрутом маршрута. Могу ли я импортировать другие компоненты в один компонент в Angular 7?

Answer 1

Если вы хотите, чтобы эти 3 компонента были отдельными страницами, вам нужно создать 3 различных маршрута, например:

const routes: Routes = [
    { path: 'first', component: FirstComponent },
    { path: 'second', component: SecondComponent },
    { path: 'third', component: ThirdComponent },
];

Если вы хотите, чтобы все 3 из этих компонентов были на одной странице, вы должны сделать что-то подобное в своем шаблоне (.html):

<div>
    <my-first-component></my-first-component>
    <my-second-component></my-second-component>
    <my-third-component></my-third-component>
</div>