Şimdiye kadar yaptığımız tüm route tanımlamalarını uygulamamızın ana modulünde yani appModule‘ de gerçekleştirdik. Lakin appModule dosyası olabildiğince sade olmalı. Bu teknik bir gereksinim değil ! Ama ileride uygulamanız büyüdükçe hayli fazla sayıda route tanımlamanız olacak. Bu tanımlamaların kullandığı Component’ leri de aynı dosya içerisinde yazmanız gerekecek. Böyle bir durumda, appModule dosyası okunmaktan çok uzak bir... » read more
Uygulamamızda route’ ları tanımladık ve hepsi çalışıyor. Lakin route yapımız değişirse ne olacak ? Google vb. yerlerde indekslenmiş eski url’ ler den gelen kullanıcılar ne olacak ? Yada yanlışlıkla hiç varolmamış bir url’ e gidilmek istenirse ne olacak ? Eğer ki redirect(yönlendirme) yapmadıysanız, console’ da hatalar fırlatılacaktır ve haliyle uygulamanızda çalışmayacaktır. İşte bu durumu el... » read more
Angular’ da child(nested) yani iç-içe route’ lar oluşturabilirsiniz. Child route kendi Component’ ine sahip olabilir. Child route, ana route’ un içerisinde kendisine ait view’ a sahip olabilir. Child Route tanımlaması; Ana route’ a child route’ lar eklemek için, ilgili ana route’ u tanımlayan objenin içerisinde "children" isimli bir öznitelik oluşturup, dizi içerisinde her bir child... » read more
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
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
Angular Router Nedir ? Angular framework kendi router modülü ile gelmektedir. Router sayesinde, url değişmesine rağmen aynı index.html dosyasındaki kalıp, ana template’ i kaybetmeyip, sadece route bazlı template’ in ana template’ e inject edilmesini sağlayabilirsiniz. Bu sayede, Single Page Application oluşturabilirsiniz. Neden Single Page Application ? Geleneksel web uygulamaları, url değiştikçe, her yeni url’ i... » read more