title: Angular 6 how to make all input's Not editable element inside a form
body: <p>Is there a way to disable and make all fields <strong>non editable</strong> 
  <code>(input / mat-select / textfield / option/input/mat-checkbox etc)</code> inside a Form</p>
  
  <p>by telling only the parent div name in Angular / Angular-material ?
  (cannot editing them)</p>
  
  <pre><code>@Component({
    templateUrl: './leaseholder.component.html'
  })
  export class LeaseholderComponent implements OnInit, IFormDirtyWarningComponent {
  
    leaseholderForm: FormGroup;
  
    constructor(private router: Router, private formBuilder: FormBuilder) {
      this.createLeaseholderForm();
    }
  
    createLeaseholderForm() {
      this.leaseholderForm = this.formBuilder.group({
        civility: [this.identityModel.civility],
        firstName: [this.identityModel.firstName, Validators.compose([Validators.pattern("[^\\d]+")])],
        lastName: [this.identityModel.lastName, Validators.compose([Validators.pattern("[^\\d]+")])],
        birthName: [this.identityModel.birthName, Validators.compose([Validators.pattern("[^\\d]+")])],
        birthDate: [this.identityModel.birthDate],
        birthPlace: [this.identityModel.birthPlace, Validators.compose([Validators.pattern("[^\\d]+")])],
        nationality: ['FR', this.identityModel.nationality],
        endOfStay: [this.identityModel.endOfStay]
      });
    }
  </code></pre>
  
  <hr>
  
  <pre><code>    &lt;form [formGroup]="leaseholderForm" (ngSubmit)="onSubmit()"&gt;
                  &lt;div class="mat-radio-group-inverted"&gt;
                      &lt;mat-radio-group formControlName="civility"&gt;
                          &lt;mat-radio-button color="primary" value="MR"&gt;M.&lt;/mat-radio-button&gt;
                          &lt;mat-radio-button color="primary" value="MME"&gt;MME.&lt;/mat-radio-button&gt;
                      &lt;/mat-radio-group&gt;
                  &lt;/div&gt;
                  &lt;mat-form-field&gt;
                      &lt;input matInput upperCaseInput placeholder="Nom d'usage" formControlName="lastName"&gt;
                  &lt;/mat-form-field&gt;
  ...........................
  ..........  example
      &lt;/form&gt;
  </code></pre>