Angular Route Query Parameter(?) ve Fragment(#) Erişmek
Angular Route Query Parameter(?) ve Fragment(#) Erişmek

Tanımladığınız route’ larda query parameter yada fragment’ larınız olabilir. Query parameter, "?" işaretinden sonraki değerlerdir. Fragment ise (#) işaretinden sonraki değerlerdir. Bu başlık altında inceleyeceğimiz 2 konu var. Query parameters angular route link’ e nasıl eklenir ? Ve bu parametrelere nasıl erişilir ? Uygulama Senaryosu; Anasayfada listelenen ürünlerin linklerine, "?addToBasket=true" query parameter ve değerini ekliycez.... » read more

0
Read
emre
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 Navigate [Programatik]
Angular Router Navigate [Programatik]

Angular Router linklemeyi statik olarak template kısmında yapmayı https://gelistir.net/495/angular-router-linkleme-statik/ adresinde anlatmıştım. Lakin çoğu zaman, linkleme ve sayfa yönlendirme(navigate) işlemlerini bileşenlerin içerisinde TypeScript kodu ile yapmanız gerekecektir. İhtiyaç senaryosu; Neden programatik şekilde TypeScript kodu ile linkleme yapmaya gerek var ? sorusunun gerçek hayattaki uygulamalardan verilebilecek en basit örneği: E-ticaret uygulamanızda, kullanıcı ürün sayfasında "Hemen Satın Al"... » read more

0
Read
emre