# Template-driven Forms (Angular)

> FormsModule, NgModel, two-way binding, form validation, ngForm, template reference variables, validation states

- 16 mülakat soruları
- Mid-Level
- [Mülakat Soruları: Angular](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari.md)

## 1. Template-driven formları kullanmak için hangi Angular modülü import edilmelidir?

**Cevap**

FormsModule, Angular'da template-driven formları etkinleştirmek için gereklidir. NgModel, NgForm gibi direktifler sağlar ve [(ngModel)] ile two-way data binding'i mümkün kılar. Bu modül olmadan form direktifleri çalışmaz ve Angular hata fırlatır.

## 2. NgModel ile two-way data binding için hangi sözdizimi kullanılır?

**Cevap**

[(ngModel)] sözdizimi, property binding [ngModel] ve event binding (ngModel)'i birleştirerek two-way data binding oluşturur. Bu banana-in-a-box sözdizimi, form alanı değerini bileşen özelliğiyle her iki yönde otomatik olarak senkronize eder ve form durum yönetimini basitleştirir.

## 3. Template-driven formda NgModel kullanan bir input'ta hangi öznitelik zorunludur?

**Cevap**

name özniteliği, template-driven formda NgModel kullanan her input için zorunludur. Angular, control'ü temel FormGroup'a kaydetmek ve form yapısını oluşturmak için bu özniteliği kullanır. name özniteliği olmadan Angular, control durumunu izleyemez ve hata fırlatır.

## 13 soru daha mevcut

- Form durumunu kontrol etmek için NgForm direktifine nasıl erişilir?
- Şablonda belirli bir alanın durumuna nasıl erişilir?

Ücretsiz kaydol: https://sharpskill.dev/tr/login

## Diğer Angular mülakat konuları

- [TypeScript Temelleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/typescript-basics.md): 25 soru, Junior
- [TypeScript İleri Seviye](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/typescript-advanced.md): 20 soru, Junior
- [Angular Temelleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/angular-fundamentals.md): 20 soru, Junior
- [Bileşenler ve yaşam döngüsü](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/components-lifecycle.md): 20 soru, Junior
- [Services & Dependency Injection](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/services-dependency-injection.md): 20 soru, Junior
- [Angular Modül Organizasyonu](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/modules-organization.md): 22 soru, Mid-Level
- [Angular CLI](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/angular-cli.md): 18 soru, Junior
- [Direktifler ve Pipe'lar](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/directives-pipes.md): 22 soru, Mid-Level
- [Routing ve Navigasyon](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/routing-navigation.md): 24 soru, Mid-Level
- [Reactive Forms](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/forms-reactive.md): 26 soru, Mid-Level
- [RxJS Temelleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/rxjs-fundamentals.md): 22 soru, Mid-Level
- [RxJS Operatörleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/rxjs-operators.md): 24 soru, Mid-Level
- [HttpClient ve API çağrıları](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/http-client.md): 22 soru, Mid-Level
- [Temel State Yönetimi](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/state-management-basics.md): 20 soru, Mid-Level
- [Change Detection](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/change-detection.md): 20 soru, Mid-Level
- [Angular Signals](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/angular-signals.md): 20 soru, Mid-Level
- [Standalone Components](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/standalone-components.md): 18 soru, Mid-Level
- [Angular Birim Testleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/testing-unit.md): 22 soru, Mid-Level
- [Uçtan Uca Test](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/testing-e2e.md): 18 soru, Mid-Level
- [Build ve optimizasyon](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/build-optimization.md): 20 soru, Mid-Level
- [NgRx Temelleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/ngrx-fundamentals.md): 24 soru, Senior
- [İleri Düzey NgRx](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/ngrx-advanced.md): 24 soru, Senior
- [Angular Mimarisi](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/angular-architecture.md): 22 soru, Senior
- [Performans Optimizasyonu](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/performance-optimization.md): 22 soru, Senior
- [Güvenlik ve En İyi Uygulamalar](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/security-best-practices.md): 20 soru, Senior
- [Gelişmiş RxJS Desenleri](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/advanced-rxjs-patterns.md): 22 soru, Senior
- [Angular Universal ve SSR](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/angular-universal-ssr.md): 20 soru, Senior
- [Angular Mikro-frontend'ler](https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/micro-frontends-angular.md): 20 soru, Senior

---

Source: SharpSkill (https://sharpskill.dev), tech interview preparation for your real stack.
HTML version of this page: https://sharpskill.dev/tr/technologies/angular/mulakat-sorulari/forms-template-driven