Создание вкладок и вызов субкомпонентов с помощью Bulma и Angular 5

Question

Я хочу создать панель навигации с вкладками, я использую Bulma, я покажу пример из документации.Я использую маршрутизацию для навигации по проекту, но из моего компонента Matches я хочу вызвать подкомпонент из каждой вкладки.

 <div class="tabs">
       <ul>
        <li class="is-active"><a>Upcoming</a></li>
        <li><a>Past</a></li>
      </ul>
    </div>

Работать так: из компонента совпадений вызывать подкомпонент app-предстоящий и app-past

 <div class="upcoming">
     <app-upcoming></app-upcoming>
    </div>
    <div class="past">
     <app-past></app-past>
   </div>

Answer 1

Это супер просто, просто зайди с роутером.Взгляните на https://angular.io/guide/router.

Answer 2

Используйте точку подключения маршрутизатора, чтобы указать, где отображать компоненты маршрута:

https://angular.io/tutorial/toh-pt5#add-routeroutlet

При использовании компонента маршрута, как это описано в документации.

import { HeroesComponent }      from './heroes/heroes.component';

const routes: Routes = [
  { path: 'heroes', component: HeroesComponent }
];

Компонент будет загружен в роутер, когда путь совпадает с героями.Я бы рекомендовал прочитать документацию по маршрутизации и следовать ей.