النماذج والتفاعل الميسر

import "@angular/compiler";
import { FormControl, Validators } from "@angular/forms";
const name = new FormControl("", { nonNullable: true, validators: [Validators.required, Validators.minLength(3)] });
console.log(name.valid);
name.setValue("Mira");
console.log(name.valid, name.value);
name.reset();
console.log(name.valid, JSON.stringify(name.value));

false
true Mira
false ""

تكون السطور false وtrue Mira وfalse مع نص JSON فارغ، دون عنصر نموذج أو HTTP أو متصفح.

<form (ngSubmit)="save()" novalidate>
  <label for="course-name">Course name</label>
  <input id="course-name" [formControl]="name" aria-describedby="name-help">
  <p id="name-help">Use at least three characters.</p>
  @if (name.invalid && name.touched) {
    <p role="status">Enter a course name of at least three characters.</p>
  }
  <button type="submit">Save</button>
</form>

مع التحكم والاستيراد المعلنين يظهر الخطأ بعد لمس الفارغ، ولا يُشغّل الصنف والتفاعل هنا.