Angular da link yapısını nasıl düzenleriz. yani acıklamak gerekirse su path cağırıldığında su sayfa gelsin sunu cağırınca bu gelsin gibi şimdi size resim ve örnek kodlarla acıklamaya çalışacağım.

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { HttpClientModule }    from '@angular/common/http';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { MusteriComponent } from './musteri/musteri.component';
import { NavComponent } from './nav/nav.component';
import { PostComponent } from './post/post.component';
import { Routes,RouterModule}from'@angular/router';
//burada import ettikten sonra isledik
const router:Routes=[
  {path:"posts",component:PostComponent},
  {path:"",component:PostComponent},
  {path:"musteri",component:MusteriComponent}
  
  
]


@NgModule({
  declarations: [
    AppComponent,
    MusteriComponent,
    NavComponent,
    PostComponent
  ],
  imports: [
    HttpClientModule,
    BrowserModule,
    AppRoutingModule,
    RouterModule.forRoot(router)//cağırdık
  ],
  providers: [
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

Daha sonra ana componentimizde cağırma işlemini yaptık

<router-outlet>
</router-outlet>