How can we used this component as "disabled"?

[jvegaseg]

I need use the disable attribute in order to not allow user to modify the field.

With disable attribute it does not work.

Is there any way to do it?

Regards

[WongYueKeung]

in case you using Ng Bootstrap:

 <div class="input-group" ngbDropdown placement="bottom-right">
              <div class="input-group-text px-2">
                <div class="w-20px h-20px rounded" [ngStyle]="{'background-color': wizard.data.colorPresentOnMap}"></div>
              </div>
              <input type="text" class="form-control" value="#00acac" [(ngModel)]="wizard.data.colorPresentOnMap" [disabled]="wizard.data.colorPresentOnMapAuto"/>
              <button class="btn btn-outline-inverse" ngbDropdownToggle [disabled]="wizard.data.colorPresentOnMapAuto"><i class="fa fa-tint"></i></button>
              <div class="dropdown-menu dropdown-toggle w-250px" ngbDropdownMenu>
                <color-sketch color="#00acac" (onChange)="handleChangeColorPresentOnMap($event)"></color-sketch>
              </div>
            </div>