typescript - Hur man gör en select-dropdown skrivskyddad eller inaktiverad villkorligt i Angular?

Jag använder Angular7 och jag vill göra ett select-element skrivskyddat eller inaktiverat villkorligt.

För läsbar försökte jag:

  editable: boolean = true;

Och mallen:

 <select  #listOfOptions="ngModel" [(ngModel)]="myList" [readonly]="!editable" class="form-control">
    </select>

Detta orsakar:

Fel: Mallparsningfel: Kan inte binda till 'readOnly' eftersom det inte är en känd egenskap hos 'select'.

Det finns ett problem med detta, inga lösningar ännu!

För funktionshindrade jag försökte:

<select [attr.disabled]="!editable">
...
</select>

Det är alltid inaktiverat, oavsett hur jag ställer in den redigerbara variabeln.

Tack för hjälpen.

Svar #1

Du bör använda disabled istället för attr.disabled

<select [disabled]="!editable">
...
</select>

Jag stötte på samma problem med inlägget från ägaren.

Jag försökte med det accepterade svaret men det fungerade inte hos mig.

Jag använder [attr.disabled]="!editable ? '' : null" följt denna länk fungerade det.

Angular 4 select inaktiverad fungerar inte

Jag delade för den det berör.

<select [attr.disabled]="!editable ? '' : null">
  <option></option>
</select>