Фильтр раскрывающегося списка не фильтрует значение или фильтрует отображение объекта вместо значения

Я использую версию Primeng 16.9.1 и использую раскрывающийся компонент в нашем проекте.

Как упоминалось в документе, мы должны использовать свойство [filter] = "true". Если мы используем это свойство, выдача следующей ошибки option.toLowerCase не является функцией. Чтобы решить эту проблему, мы должны включить свойства filterBy и optionLabel, но если я добавляю эти свойства вместо выбора значения, это означает выбор пары объекта (значение ключа).

Как использовать [filter], выбирая только value

Я добавил код сюда

angular primeng

06.06.2024 14:22

Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest

В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...

Angular и React для вашего проекта веб-разработки?

Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...

Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf

Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.

Угловой продивер

Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.

Мое недавнее углубление в Angular

Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...

Освоение Observables и Subjects в Rxjs:

Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular

Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Вам нужно использовать optionValue, чтобы заполнить только поле 'value'.

<p-dropdown
    [options] = "cities"
    [(ngModel)] = "selectedCity"
    [showClear] = "true"
    [filter] = "true"
    filterBy = "label"
    optionLabel = "label"
    optionValue = "value"
    placeholder = "Select a City"
  ></p-dropdown>