Компонент <p-multiSelect> не отображается (PrimeNG 5.2.7)

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

<ng-template pTemplate = "header" let-columns>
        <tr>
          <th *ngFor = "let col of columns" [pSortableColumn] = "col.field">
            {{col.header}}
            <p-sortIcon [field] = "col.field">

            </p-sortIcon>
          </th>
        </tr>

        <tr>
          <th *ngFor = "let col of columns" [ngSwitch] = "col.field">

            <input *ngSwitchCase = "'aa'" pInputText type = "text" (input) = "dt.filter($event.target.value, col.field, col.filterMatchMode)">
            <input *ngSwitchCase = "'bb'" pInputText type = "text" (input) = "dt.filter($event.target.value, col.field, col.filterMatchMode)">


            <p-multiSelect *ngSwitchCase = "'cc'" [options] = "cc_Item" defaultLabel = "All Status"  (onChange) = "dt.filter($event.value, col.field, 'in')"></p-multiSelect>

          </th>
        </tr>

      </ng-template>

В моем ts я объявил свой товар this.cc_Item = [{label: 'my data colomn', value: 'my data column'} ... ] и import { SelectItem } from 'primeng/api';. Вы имеете представление о моей проблеме?

Вы добавили primeng.css в свое приложение?

Pardeep Jain 12.06.2018 11:42

@PardeepJain Да!

amalicode 12.06.2018 12:03
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Angular и React для вашего проекта веб-разработки?
Angular и React для вашего проекта веб-разработки?
Когда дело доходит до веб-разработки, выбор правильного front-end фреймворка имеет решающее значение. Angular и React - два самых популярных...
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Эпизод 23/17: Twitter Space о будущем Angular, Tiny Conf
Мы провели Twitter Space, обсудив несколько проблем, связанных с последними дополнениями в Angular. Также прошла Angular Tiny Conf с 25 докладами.
Угловой продивер
Угловой продивер
Оригинал этой статьи на турецком языке. ChatGPT используется только для перевода на английский язык.
Мое недавнее углубление в Angular
Мое недавнее углубление в Angular
Недавно я провел некоторое время, изучая фреймворк Angular, и я хотел поделиться своим опытом со всеми вами. Как человек, который любит глубоко...
Освоение Observables и Subjects в Rxjs:
Освоение Observables и Subjects в Rxjs:
Давайте начнем с основ и постепенно перейдем к более продвинутым концепциям в RxJS в Angular
0
2
347
0

Другие вопросы по теме