Latihan 1 dari materi Template-Driven Forms di Angular — praktek dengan editor kode interaktif, test case otomatis, dan hint terpandu. Langsung jalan di browser.
Starter-nya sudah punya AppComponent dengan imports: [FormsModule], method onSubmit(form) yang mencetak form.value, dan template kosong. Biarkan semuanya, lalu isi template:
<form #myForm="ngForm" (ngSubmit)="onSubmit(myForm)">. Bagian #myForm="ngForm" mengekspor form-nya ke variabel myForm.<input name="email" ngModel required placeholder="Email" />: ngModel dan name="email" mendaftarkan kolom itu, required membuatnya wajib.<button [disabled]="myForm.invalid">Submit</button>.Yang dicek:
<form>, dan ada <button> di dalamnya.ngModel, ngForm, dan variabel referensi bernilai "ngForm" (misalnya #myForm="ngForm").<input> di dalam <form> dengan name="email", dan ada <input> di dalam <form> yang punya required.
