Olá, pessoal alguém poderia me tirar uma duvida sobre o PrimeNG + Angular, estou tentando criar apenas um "Select" que apresenta uma listagem de opções que o usuário pode selecionar para poder filtrar as informações da coluna, porém quando eu inicializo a aplicação ele não exibe o select apenas um input de texto, alguém saberia me orientar o motivo?. Está é a coluna da minha tabela:
<th>
<p-columnFilter
[matchMode]="'equals'"
[showMenu]="false"
field="nome"
>
<ng-template #filter let-selectedValue let-filter="filterCallback">
<p-select
[(ngModel)]="selectedValue"
[options]="statuses"
(onChange)="filter($event)"
placeholder="Select One"
[showClear]="true"
style="min-width: 12rem"
>
<ng-template let-option #item>
<p-tag [value]="option.value" />
</ng-template>
</p-select>
</ng-template>
</p-columnFilter>
</th>
e este é meu typescript:
import { Component, NO_ERRORS_SCHEMA } from '@angular/core';
import { Table, TableModule } from 'primeng/table';
import { CommonModule } from '@angular/common';
@Component({
selector: 'app-lista-aluno',
standalone: true,
imports: [TableModule,
CommonModule,
MensagemCarregamentoComponent
],
schemas: [NO_ERRORS_SCHEMA],
templateUrl: './lista-aluno.component.html',
styleUrl: './lista-aluno.component.css'
})
export class ListaAlunoComponent {
statuses=[
{ label: 'Ana', value: 'Ana' },
...
]
// Dados simulados para exemplo'
customers = [
{ nome: 'João', idade: 30 },
...
];
isLoading: boolean = false;
ngOnInit() {
...
}
clear(table: Table) {
table.clear();
}
}