Angular'da Rotalama için Bağlantılar
Önceki derslerde URL'yi manuel olarak adres çubuğuna yazıyorduk. Şimdi tıklanıldığında çeşitli bileşenleri gösterecek bağlantılar yapalım.
Bunun için bağlantıları özel bir şekilde yapacağız. Olay şu ki, gerçek bir bağlantı geçişine ihtiyacımız yok. Sadece Angular'ın başka bir bileşeni göstermesini, tarayıcının adres çubuğundaki URL'yi değiştirmesini ve aynı zamanda sayfayı yenilememesini istiyoruz.
Bu nedenle, yerel href özniteliği
yerine, Angular'ın RouterLink
özniteliğini kullanacağız.
Bunun için onu içe aktarmamız gerekiyor:
import { RouterLink } from '@angular/router';
Dekoratörde tanımlayalım:
@Component({
......
imports: [RouterOutlet, RouterLink],
......
})
Şimdi bağlantılarımızı yapabiliriz:
<nav>
<a routerLink="/aaaa/">
Aaaa
</a>
<a routerLink="/bbbb/">
Bbbb
</a>
</nav>
Bileşenlerinizi değiştiren bağlantılar yapın.
