Angular

21 adet yazı bulundu.

Angular ile detaylı bir yönetim paneli altyapısı hazırlama

Bu yazıda Angular ile basitçe dashboard (yönetim paneli) altyapısı hazırlayacağız. Route kullanımı, children route tanımlama, layout component kullanımı ve auth guard oluşturmayı ve kullanmayı öğreneceğiz.Projemizi açtığımızda eğer giriş yapıldıysa dashboard ekranı açılacak, giriş yapılmadıysa l...

Mehmet Sert2 hafta önce

Angular Route Guards canActivate nedir? Nasıl kullanılır?

Merhaba, Angular uygulamamızda tanımladığımız rotalardan bazılarına kullanıcı girişi yapılmadan görüntülenmesin isteriz. Rota tanımlaması yaparken canActivate özelliği yardımıyla bu isteğimizi yapabiliyoruz. canActivate özelliğine bir guard tanımlıyoruz ve bu guard içerisinde kullanıcı girişi yapılıp yapılmaması gibi kontrolleri yaparak true ya da false değer döndürüyoruz. Dönen değer true ise ...

Mehmet Sert2 ay önce

Angular'da Custom Pipe oluşturmak

Bu yazıda custom pipe oluşturmayı göstereceğim ama öncesinde pipe nedir bunu kısaca açıklayayım.Pipe, herhangi bir veriyi component tarafında işlemlerden geçirmeden, ana veriyi koruyarak başka bir şekile çevirmemizi sağlar. Angular'da pipe kullanımını çoğu kişi önemsemese de aslında büyük kolaylık sağlamaktadır.Örneğin eticaret sitenizde bir ürünün fiyatını y...

Mehmet Sert2 ay önce

Angular dinamik meta etiketleri kullanımı için meta servisi

Angular uygulamasında meta etiketlerini kolayca kullanabileceğimiz, Angular'ın bize sunduğu meta servisini nasıl kullanabiliriz küçük bir örnek ile bunu anlatacağım.İlk önce örneğimizde kullanacağımız componentlerimizi oluşturalım;ng g c components/home ng g c components/about ng g c components/references ng g c components/contact ...

Mehmet Sert2 ay önce

Angular uygulamasında jQuery nasıl kullanılır?

Angular uygulamalarınızda jQuery paketi yerine Angular versiyonları varsa veya alternatif bir paket varsa onu kullanmanız daha sağlıklı olacaktır. Ancak yinede jQuery kullanmanız gerekirse bunu nasıl yapacağımızı görelim.İlk olarak jQuery'i npm ile kuralım;npm install --save jquery Daha sonra angular.json dosyas...

Mehmet Sert3 ay önce