Reactive form tipizzati con modellazione del FormBuilder in Angular

di Morgan Pizzini, in HTML5, Angular,

La classe FormGroup permette una certa modularità, dando la possibiltà di rimuovere campi, se definiti come nullabili, tramite ?. Come esempio, nell'esempio successivo abbiamo prima creato un'interfaccia sulla quale comporre il form, con una proprietà nullabile, e poi abbiamo rimosso il controllo collegato utilizzando il metodo removeControl.

interface LoginForm {
    email: FormControl<string>;
    password?: FormControl<string>;
}

const login = new FormGroup<LoginForm>({
    email: new FormControl('', {nonNullable: true}),
    password: new FormControl('', {nonNullable: true}),
});

login.removeControl('password');

Nel caso in cui il form non abbia una dimensione precisa, dobbiamo però utilizzare la tipologia FormRecord che permette un'elasticità tale per cui possiamo aggiungere o rimuovere elementi senza avere errori.

let form = new FormRecord({email: new FormControl('')});
form.addControl('password', new FormControl(''));
form.removeControl('email');

Commenti

Visualizza/aggiungi commenti

| Condividi su: Twitter, Facebook, LinkedIn

Per inserire un commento, devi avere un account.

Fai il login e torna a questa pagina, oppure registrati alla nostra community.

Approfondimenti

I più letti di oggi