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
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
Angular Router Giriş
Angular Router Giriş

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

0
Read
emre