Блог

Главная - Вопросы по программированию - Не удается ввести для поиска в ngx-коврик-выбрать-поиск

Не удается ввести для поиска в ngx-коврик-выбрать-поиск

#html #angular #angular-material

Вопрос:

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

Кто-нибудь может мне помочь?

Вот мой код:

 <div *ngIf="testForStack()" class="test-form-group mt-5">
  <div class="row">
    <div class="col-md-2">
      <label for="test-form-clientId" class="test-form-lbl test-form-lbl--required">
                            {{'CLIENTE.RESPONSIBLE' | translate}}
                        </label>
    </div>
    <div class="col-md-4 mt-1">
      <mat-form-field class="test-form-field">
        <mat-select id="test-form-origin" formControlName="client" required>
          <mat-option>
            <ngx-mat-select-search ngDefaultControl [formControl]="client" noEntriesFoundLabel="No results found" placeholderLabel="Search" attr.aria-label="{{'GERAL.RESPONSAVEL' | translate}}" (change)="filterByTest($event)">
              <mat-icon ngxMatSelectSearchClear>delete</mat-icon>
            </ngx-mat-select-search>
          </mat-option>
          <mat-option *ngFor="let item of filteredClientsData" [value]="item">{{item.code}} - {{item.name}}</mat-option>
        </mat-select>
      </mat-form-field>
    </div>
    <div class="col-md-2">
      <label for="test-form-clientName" class="test-form-lbl">
                            {{'CLIENTE.NOME_DO_CLIENTE' | translate}}
                        </label>
    </div>
    <div class="col-md-4 mt-1">
      <label id="test-form-clientName">{{clientName}}</label>
    </div>
  </div>
</div>

Где должен быть поиск

Комментарии:

1. Привет, не могли бы вы подробнее уточнить свою проблему? Я печатаю, но ничего из того, что я печатаю, не отображается на экране. это введенный текст, который не отображается в текстовом поле, или параметры, не отфильтрованные на основе введенного текста?

2. Введенный текст не отображается в текстовом поле (текстовое поле также не отображается). Спасибо тебе 🙂

3. Привет, я подозреваю, что <ngx-mat-select-search> изображение было неверно отрисовано. Можете ли вы указать, какая версия ngx-mat-select-search и углового материала используется? Было бы здорово, если бы вы могли воспроизвести ошибку на StackBlitz . Спасибо.

4. Я использую версию 3.3.0 ngx-mat-select-search и версию 11.0.3 углового материала. Я думаю, что это не так, потому что я уже использовал его на другой странице (в том же проекте). Извините, я не могу воспроизвести это на stackblitz… 🙁

Метки: