Встроенный выпадающий список с флажком и полем ввода, он существует?

Question

Мне нужен существующий компонент, такой как тот, который предлагает NGPrime.

Однако он действительно особенный.

Это должен быть выпадающий список с флажком или какой-то другойдругие функции переключения, которые переключают отключенное состояние встроенного поля ввода.

Как и их комбинация, флажок должен находиться перед полем фильтра, а указанное поле должно быть обычным полем ввода, поэтому не нужно создаватьв прекрасных синениганцах.

Я не могу найти то, что отвечает моим потребностям.

Answer 1

Попробуйте выбрать мат из Углового материала.Его можно комбинировать с выбором матов:

<mat-form-field>
  <mat-label>Toppings</mat-label>
  <mat-select [formControl]="toppings" multiple>
    <mat-option *ngFor="let topping of toppingList" [value]="topping">{{topping}}</mat-option>
  </mat-select>
</mat-form-field>

https://material.angular.io/components/select/examples

Вы можете добавить функцию поиска с помощью ngx-mat-select-search.

https://www.npmjs.com/package/ngx-mat-select-search

PS: изображения не встроены, но вы можете добавить их с помощью CSS как :: before для параметра mat.