Angular Sinyalleri ile Formlar

Signal Forms, sinyallerin reaktif temeli üzerine kurularak Angular uygulamalarında form durumunu yönetmenize olanak tanıyan bir kütüphanedir. Otomatik çift yönlü bağlama, tür güvenli alan erişimi ve şema tabanlı doğrulama ile Signal Forms, sağlam formlar oluşturmanıza yardımcı olur.

Neden Signal Form'lar?

Web uygulamalarında form oluşturmak, birbirine bağlı birkaç konuyu yönetmeyi içerir: alan değerlerini takip etme, kullanıcı girdisini doğrulama, hata durumlarını yönetme ve kullanıcı arayüzünü veri modelinizle senkronize tutma. Bu konuları ayrı ayrı yönetmek, tekrarlayan kod ve karmaşıklık oluşturur.

Signal Forms bu zorlukları şu yollarla ele alır:

• Durumu otomatik olarak senkronize etme - Form veri modelini bağlı form alanlarıyla otomatik olarak senkronize eder
• Tür güvenliği sağlama - Kullanıcı arayüzü kontrolleri ile veri modeli arasında tamamen tür güvenli şemalar ve bağlamalar destekler
• Doğrulama mantığını merkezileştirme - Tüm doğrulama kurallarını bir doğrulama şeması kullanarak tek bir yerde tanımlayın

Signal Forms, sinyallerle oluşturulan yeni uygulamalarda en iyi şekilde çalışır. Reaktif formlar kullanan mevcut bir uygulamayla çalışıyorsanız veya üretim kararlılığı garantilerine ihtiyacınız varsa, reaktif formlar sağlam bir seçim olmaya devam eder.

Ön koşullar

Signal Forms şunları gerektirir:

• Angular v21 veya üstü

Kurulum

Signal Forms zaten @angular/forms paketine dahildir. Gerekli fonksiyonları ve direktifleri @angular/forms/signals'dan içe aktarın:

import {form, FormField, required, email} from '@angular/forms/signals';

FormField direktifi, form alanlarını HTML girdilerine bağlayan herhangi bir bileşene içe aktarılmalıdır:

@Component({
  // ...
  imports: [FormField],
})

Sonraki adımlar

Signal Forms'un nasıl çalıştığı hakkında daha fazla bilgi edinmek için aşağıdaki kılavuzlara göz atın: