Лучший вариант для отключения типа ввода formControlName matInput? Angular Материал

Question

Мне нужен лучший вариант, чтобы отключить входной тип matInput, указанный в Angular Материал? Проверьте мой код:

<div></mat-label>
</div>

Answer 1

Вы можете отключить formControl в вашем контроллере. Скажем, у меня есть Form Group с именем myForm, который содержит элемент управления с именем name. Вы можете установить disabled на true при инициализации формы.

const myForm = this.formBuilder.group({
   name: [{value:'',disabled: true}]
})

Или вы можете динамически отключить управление, используя:

myForm.get('name').disable();

Answer 2

Вы можете использовать свой контроль формы, чтобы отключить его:

HTML:

    <div>
      <mat-form-field class="example-full-width">
        <mat-label> Name </mat-label>
        <input matInput [formControl]="name">
      </mat-form-field>
    </div>

TS:

import { FormControl } from '@angular/forms';

 name: FormControl = new FormControl({ value: null, disabled: true });