Angular- element Select

Cześć,

Potrzebuję pomocy, chciałabym użyć listy rozwijanej Select i po wyborze z listy chcę nacisnąć przycisk to miałby się otwierać nowy komponent. Dodam jeszcze,że używam routingu.

Z góry dzięki za pomoc :)

Wystarczy?
https://stackblitz.com/edit/angular-ivy-fkkshd

PS.
Komponenty, do których chcesz wykonać navigate już sobie samemu proszę zrobić.

@AdamWox: Tak jest Ok. Ja już mam gotowe komponenty, i muszę je dodać do navigate?

Musisz je dodać do modułu routingu

const routes: Routes = [
  { path: '', redirectTo: 'home', pathMatch: 'full' },
  {path: "home", component: HomeComponent}
    {path: "other", component: OtherComponent}
];

a option.value powinien przyjmować twoje path z routingu

<select [(ngModel)]="selectedRoute">
  <option value="">Wybierz</option>
  <option value="home">ROUTE1</option>
  <option value="other">ROUTE2</option>
</select>

@AdamWox: To tak mam zrobione, a w funkcji navigate w tym pliku app.component.ts muszę też jakoś to dodać?

@martynam: Wiem, chcę mieć listę wyboru, wybieram powiedzmy route1 klikam przycisk i ma się wyświetlić widok komponentu route1.