Angular'da Rotaları Yapılandırma

Bu derste, görünümler arasında gezinmenizi ve uygulamanızdaki URL'leri yönetmenizi sağlayan Angular yönlendirmesi tanıtılmaktadır.

Yönlendirme Nedir?

Yönlendirme, URL'ye bağlı olarak Angular uygulamanızdaki farklı bileşenler veya sayfalar arasında gezinmenize yardımcı olur.

Yönlendirme Modülünü Ayarlama

Projenizi oluştururken veya daha sonra Angular CLI'ı kullanarak bir yönlendirme modülü oluşturun:

ng generate module app-routing --flat --module=app

Rotaları Tanımlama

Rotalar, bileşenlere bağlanan yol dizileri olarak tanımlanır:

const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'about', component: AboutComponent }
];

Yönlendirici Çıkış Noktası

Rota temel alınarak eşleşen bileşenleri dinamik olarak oluşturmak için <router-outlet></router-outlet> kullanın.

<router-outlet></router-outlet>

routerLink ile Gezinme

routerLink yönergesini kullanarak görünümler arasında gezinin:

<a routerLink="/home">Home</a>

Program Aracılığıyla Gezinme

Yönlendirici hizmetini kullanarak program aracılığıyla da gezinebilirsiniz:

this.router.navigate(['/home']);

Genel Rotalar

Özel bir 404 sayfası görüntülemek için tanımlanmamış yolları genel rotaları kullanarak yönetin:

{ path: '**', component: PageNotFoundComponent }

Özet

Artık yönlendirme temellerini anlıyor ve Angular uygulamalarında rotaları etkili biçimde yapılandırabiliyorsunuz. Harika iş çıkardınız!