Hej :D
W moim projekcie apki (de facto pierwszej w angularze) stworzyłem coś na wzór "serwisu internetowego" (to de facto sam szkielet HTML + CSS).
W pewnym fragmencie strony ma być opcja przeniesienia pocztę.
Szkielet apki:
Komponenty "header,main,footer" są wywoływane w app komponencie i de dacto stawnowią zawartość html + css po odpaleniu apki.
Jest jeszcze komponent "post", do którego planowałem przełączanie się strony po kliknięciu w odnośnik.
Problem jest taki, że... nic się nie dzieje. :(
Mój kod do routing-u w app.module.ts:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import {Routes,RouterModule} from '@angular/router';
import { AppComponent } from './app.component';
import { HeaderComponent } from './header/header.component';
import { MainComponent } from './main/main.component';
import { FooterComponent } from './footer/footer.component';
import { PostComponent } from './post/post.component';
const appRoutes: Routes = [
{ path: 'post', component: PostComponent },
];
@NgModule({
declarations: [
AppComponent,
HeaderComponent,
MainComponent,
FooterComponent,
PostComponent
],
imports: [
BrowserModule,
RouterModule.forRoot(
appRoutes)
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
W main.component.html (który jest wywoływany w app.component.html) wstawiam w pewnym momencie takie oto hiperłącze:
<a [routerLink]="['/post']">
Nie przęłączyło strony, a w odnośniku pojawiła się tylko taka informacja "http://localhost:4200/post".
Tak jak byłem na html-u app.component.html tak dalej na nim jestem. A efektem zamierzanym było przełączenie strony na localhoście na post.component.html
P.S Słyszałem, że podobno jest jeszcze wymagane zastosowanie <router-outlet>, ale za bardzo nie wiem czym jest i jako ono działa.
Z góry dziękuję za pomoc i odpowiedzi. :)