Angular2 use [(ngModel)] with [ngModelOptions]=“{standalone: true}” to link to a reference to model's property

Question

Let\'s say I have a typescript object of type Mailtype like following:

export class Mailtype {
  constructor(
    public name?: string,
    public locale?: s         


        

Answer 1

Using @angular/forms when you use a

tag it automatically creates a FormGroup.

For every contained ngModel tagged it will create a FormControl and add it into the FormGroup created above; this FormControl will be named into the FormGroup using attribute name.

Example:

    
    {{ f.controls['firstField']?.value }}

Said this, the answer to your question follows.

When you mark it as standalone: true this will not happen (it will not be added to the FormGroup).

Reference: https://github.com/angular/angular/issues/9230#issuecomment-228116474