How do I enable Autocomplete as well as costum inputs in the same input-field in Angular? The user should have the option to input " * " for getting the autocomplete "All items" and he should be able to input " * abc * " and search for this specific value. However after inputing "*" the autocomplete gets triggered and the user cant go on typing.

a_enum contains a value "*" which means search for all items in a_enum.

Removing [value] in the visible input-field breaks the autocomplete. Items are not transferred to the visible input-field.

<input [id]="a" [value]="a_enum">
<input [id]="a" [value]="a_enum" hidden="hidden">
<div *ngFor="item of items">{{item}}<div>