Как отключить угловой пользовательский компонент

Question

Я создаю некоторый угловой пользовательский компонент, и теперь я внедряю интерфейсы ControlValueAccessor, чтобы обеспечить интеграцию формы с управляемым шаблоном / реактивной активностью.

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

Я попытался отключить, как это:

setDisabledState(isDisabled: boolean): void {
    if(isDisabled) {   
        this.renderer.setProperty(this.elementRef.nativeElement, "disabled", true);
}
    else {
        this.renderer.setProperty(this.elementRef.nativeElement, "disabled", false);
    }
}

Answer 1

Попробуйте это: [attr.disabled]="true"

<select name="modulo" id="modulo" class="form-control modulo" formControlName="id_modulo" [attr.disabled]="true">
        <option value="{{ m.id_modulo }}" *ngFor="let m of modulos" >{{m.nome_modulo }}</option>
      </select>

FormBuilder в компоненте:

this.formulariosForm = this.formBuilder.group({
      id_formulario: [null],
      nome_formulario: [null, Validators.required],
      descricao: [null, Validators.required],
      id_modulo: [null, Validators.required],
      analista_responsavel: [null, Validators.required],
      url: [null, Validators.required]
    });