Angular Route Parametrelerine Reactive olarak Erişmek (Component’ in tekrar yüklenmemesi)
Angular Route Parametrelerine Reactive olarak Erişmek (Component’ in tekrar yüklenmemesi)

Angular uygulamaları geliştirirken, aynı route pattern’ i ve aynı component’ i kullanan linkler arasında geçiş yaptığınızda, component‘ in tekrar tekrar yüklenmediğini farkedeceksiniz. Bunu ilk farkettiğiniz an tahminen, kategori vb. gibi pagination kullanan component’ ler olacaktır. Url değişmiş lakin yeni data yüklenmemiş 🙂 Sebebi çok basit, Angular route değişikliklerinde, değişikliği url kısmında hemen uygular. Lakin route... » read more

0
Read
emre
Angular Route Parametrelerine Erişmek
Angular Route Parametrelerine Erişmek

Angular router tanımlamayı, linklemeyi ve yönlendirmeyi https://gelistir.net/tag/router/ etiketi altındaki konularda anlatmıştım. Altyapımız oluştuğuna göre artık gerçek hayatta en sık kullanacağımız parametreli route oluşturma ve parametrelere erişme konusuna geçebiliriz. Uygulama senaryosu; 2 adet component’ imiz var. HomeComponent; dizi içerisinde tanımladığımız ürünleri, her ürünün kendi id’ si ile linkleyerek listeleyecek. ProductComponent; route’ da belirtilen id’ ye sahip... » read more

0
Read
emre
Angular Router Linkleme [Statik]
Angular Router Linkleme [Statik]

Angular Router konusuna https://gelistir.net/492/angular-router-giris/ adresindeki başlıkta giriş yapmıştık. Bu başlıkta ise, uygulama içinden, route’ lara link vermeyi inceleyeceğiz. Anasayfa için yeni bir HomeComponent oluşturuyorum ve ardından AppModule içerisindeki route tanımlarımı düzenliyorum; const appRoutes: Routes = [ {path: '', component: HomeComponent}, {path: 'about', component: AboutComponent} ]; Basit bir navigation bar oluşturuyoruz. Linklemeleri bu bar üzerinde yapıcaz.... » read more

0
Read
emre