Angular

20 adet yazı bulundu.

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 Sert1 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 Sert1 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 Sert1 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 Sert1 ay önce

Angular ile Sweet Alert 2 kullanımı

Merhaba, Bu yazıda Angular ile sweet alert 2 nasıl kurulur ve nasıl kullanılır bunu anlatacağım. Sweet Alert 2 Angular versiyonunu ngx-sweetalert2 adında bir paket ile kullanabiliyoruz.İlk olarak şu komut ile kurulumu yapıyoruz;npm install --save sweetalert2 @sweetalert2/ngx-sweetalert2 app.module.ts içerisinde ...

Mehmet Sert1 ay önce