Очистка выбранного значения для ngx-mat-select-search - PullRequest
Новая
       17

Очистка выбранного значения для ngx-mat-select-search

2 голосов
/ 04 июня 2019

Я использую пакет "ngx-mat-select-search" npm для angular, и я хочу предоставить пользователям моего приложения опцию по умолчанию «Нет», или после выбора элемента я бы хотел дать пользователю возможность очиститьВыделите элемент и вернитесь к исходному состоянию выпадающего меню, где отображается только заполнитель ввода.

На данный момент, когда я выбираю элемент из ngx-mat-select-search, я не могу найти способ удалить этот элемент и отменить выбор.Есть ли способ, которым я могу сделать это, может быть, я что-то упустил?

Вот ссылка на документацию / демоверсию ngx-mat-select-search - , нажмите здесь .Как видите, после выбора элемента, кажется, нет способа его удалить.

Буду признателен за любую помощь и / или рекомендации.

Спасибо!

1 Ответ

1 голос
/ 04 июня 2019

Лучший способ, которым я это сделал, это просто вставить фиктивный выбор «Нет» как отдельный <mat-option>. 

<mat-form-field>
<mat-select [formControl]="bankCtrl" placeholder="Bank" #singleSelect>
  <mat-option>
    <ngx-mat-select-search [formControl]="bankFilterCtrl"></ngx-mat-select-search>
  </mat-option>

  <mat-option>None</mat-option>

  <mat-option *ngFor="let bank of filteredBanks | async" [value]="bank">
    {{bank.name}}
  </mat-option>
</mat-select>

Поскольку он не имеет значения,когда вы выбираете его, он просто возвращается к заполнителю.

Это тот же метод, который команда материалов рекомендует в своих документах и в соответствующих stackblitz .

...