disable input with mdbAutoCompleter

<input
type="text"
class="completer-input form-control mdb-autocomplete"
[disabled]="true"
[mdbAutoCompleter]="auto1"
[placeholder]="placeholder | translate" spellcheck="false"  />
<mdb-auto-completer #auto1="mdbAutoCompleter" textNoResults="..."  [clearButton]="false" [displayValue]="displayFn" [disabled]="true"> 
  <mdb-option *ngFor="let item of filteredUsers" [value]="item">
      {{item.displayName}}
  </mdb-option>
</mdb-auto-completer>

Arkadiusz Idzikowski staff commented 3 years ago

@t.kehl It looks like a bug, we will take a closer look at that and let you know what we found. Do you use ngModel or reactive forms with formControl?

---

t.kehl pro premium commented 3 years ago

@Arkadiusz Idzikowski I use ngModel

---

Arkadiusz Idzikowski staff commented 3 years ago

@t.kehl As a workaround for now you can just add a disabled attribute to the input: <input disabled />

---

t.kehl pro premium commented 3 years ago

@Arkadiusz Idzikowski Thank you. How can I do this conditionally with a variable in the ts?

---

Arkadiusz Idzikowski staff commented 3 years ago

@t.kehl You can use this syntax: [attr.disabled]="condition ? true : null"

---