title: How to disable a text area or mat-form-field in the same HTML (Angular 9)
body: <p>I am using Angular 9 with angular Material Reactive Forms. I want to disable the fields, but without using the disabled status on the formControl, just only using HTML instead of programmatically in ts.</p>
  <p>My Html:</p>
  <pre><code>&lt;form name=&quot;nameForm&quot; [formGroup]=&quot;nameForm&quot; fxLayout=&quot;column&quot;&gt;
                              &lt;mat-form-field fxFlex=&quot;50&quot; class=&quot;m-4&quot;&gt;
                                  &lt;input matInput name=&quot;startTime&quot; formControlName=&quot;startTime&quot; placeholder=&quot;{{'DATE.START' | translate}}&quot;  type=&quot;date&quot;&gt;
                              &lt;/mat-form-field&gt;
                              &lt;mat-form-field fxFlex=&quot;30&quot; class=&quot;m-4&quot;&gt;
                                  &lt;input matInput name=&quot;period&quot; formControlName=&quot;period&quot; placeholder=&quot;{{'TITLE.PERIOD' | translate}}&quot;  type=&quot;number&quot; step=&quot;0.1&quot;&gt;
                              &lt;/mat-form-field&gt;
                              &lt;mat-form-field fxFlex=&quot;20&quot; class=&quot;m-4&quot;&gt;
                                  &lt;input matInput name=&quot;range&quot; formControlName=&quot;range&quot; placeholder=&quot;{{'TITLE.RANGE' | translate}}&quot;  type=&quot;number&quot; step=&quot;0.1&quot;&gt;
                              &lt;/mat-form-field&gt;
  
                          &lt;/form&gt;
  </code></pre>
  <p>My ts:</p>
  <pre><code>
  ngOnInit(): void {
        this.nameForm = this.createNameForm();
  
  ... some code ...
  }
  
  private createNameForm() {
        return this.formBuilder.group({
            startTime: new FormControl(this.startTime, []),
            period: new FormControl(this.period, []),
            range: new FormControl(this.range, []),
        });
    }
  
  ... some code ...
  </code></pre>
  <p>I came across this doubt because some questions like this one (<a href="https://stackoverflow.com/questions/47571466/how-to-disable-a-text-area-or-mat-form-field">How to disable a text area or mat-form-field</a>) has programmatic answers, and I would like to know if it can be solved using exclusively the Html. I know <code>[disabled]=&quot;true&quot;</code> does not work, but maybe with a different directive?.</p>
  <p>I hope it's clear enough and thanks in advance.</p>