Açısal Temeller-10
Angular Basics serisinin 10. bölümüne hoş geldiniz. Bu bölümde, Angular'da form oluşturmak için Reaktif yaklaşımı öğreneceğiz.
Başlangıç noktası alınabilir burada .
Projede Angular reaktif yaklaşıma çevireceğimiz basit bir html formumuz var.
Yaptığımız ilk şey değiştirmektir FormsModule için ReactiveFormsModule içinde app.module.ts dosyaya.
Şimdi app.component.ts dosyasında signupForm'u ekleyeceğiz ve ardından ngOnInit'te kullanıcı adını, e-postayı ve cinsiyeti ekleyeceğiz.
Ayrıca, kayıt Formunu günlüğe kaydetmek için bir onSubmit'imiz var.
Şimdi app.component.html dosyasına formGroup, ngSubmit ve formControlName'i ekleyin ve işimiz bitti.
Şimdi localhost'ta değerler ekleyip formu gönderdiğimizde değerleri alacağız.
Şimdi projemize doğrulayıcılar ekleyeceğiz ve bunun için ilk olarak app.component.ts dosyasına FormControl'e Validators ekleyeceğiz .
Ardından, app.component.html dosyasına, kullanıcı adının veya e-postanın geçerli olup olmadığını kontrol etmek için alma yöntemleri ekleyeceğiz .
Şimdi app.component.css dosyasında hata durumunda kırmızı kenarlığı gösterecek sınıfı ekleyeceğiz.
Artık doğrulamalarımız localhost üzerinde mükemmel bir şekilde çalışıyor.
Şimdi ngOnInit'te setValue kullanarak içindeki default değerleri alarak formumuzu tamamlayacağız. Kullanıcı formu gönderdikten sonra da formu sıfırlıyoruz.
Uygulamamız şimdi tamamlandı ve varsayılan değerler seçildi ve sıfırlama da düzgün çalışıyor. Aynı kod bu github deposundan alınabilir .
Suggested posts
Jest — Güçlü Bir JavaScript Test Çerçevesi
Test, yazılım geliştirmenin önemli bir parçasıdır. Kodun güvenilir olmasını, beklendiği gibi çalışmasını sağlar ve hata olasılığını azaltır.
Bir kurumsal uygulamayı Angular 16'ya yükseltme
İşte acı geliyor
Sinyallerden başlayarak tüm yeni Angular v16 özellikleri ve diğer her şey beni kesinlikle satın aldı. Ve ne kadar zor olabileceğini görmek için şirketin uygulamalarından birini yükseltme dürtüsüne karşı koyamadım.
Related posts
Kızıl Saçlı Kızın Solo Performansı
Hayden'ın görevi üzerine Katie kendini mastürbasyon yaparken filme alır.
Hayden, birlikte geçirdikleri akşamdan sonra Katie'yi üniversite yurduna geri götürdüğünde gece yarısını geçmişti. Sabah erkenden dersi vardı ve önceki gece onunla kaldıktan sonra bir daha kıyafet değiştirmedi.
Bekleme mevsiminizde yapabilecekleriniz (teknikte ilk işinizi yapmak için beklerken)
Tek başınıza yapmaya çalışırsanız, yeni bir kariyere geçmek son derece zor olabilir. Sizinle aynı öğrenme düzeyinde olan, benzer hedefleri, kararlılığı ve güdüyü paylaşan sorumlu ortaklar bulmak önemlidir.
Bir Çocuğun İlk Kafasını Yükseltme Kitabı
(Uyarı- Bu Hiciv, Neşeyle Yıkıcı Olma Amaçlıdır- Kesinlikle çocuklar için değildir) Annenizi ve babanızı mutfakta saklanıp o kokulu sigaraları içerken gördünüz. Sana söylerler.
Sadece Bir Telefon Numarasıyla Herkesi Takip Edin | OSINT Soruşturması
Bir OSINT Araştırmacısı, CTF Oyuncusu veya yalnızca istenmeyen aramalar alan biri olabilirsiniz. Bir reklamda gördüğünüz numarayı doğrulamaya çalışan biri.