0
371
Vistas¿Ng menú desplegable de selección múltiple que muestra las opciones en blanco?
Estoy tratando de implementar un menú desplegable básico de selección múltiple en mi proyecto. Mi código es el siguiente:
HTML
<ng-multiselect-dropdown [settings]="searchSettings" [data]="dummyList" multiple> </ng-multiselect-dropdown>TS
dummyList = [ { item_id: 1, item_text: 'Mumbai' }, { item_id: 2, item_text: 'Bangaluru' }, { item_id: 3, item_text: 'Pune' }, { item_id: 4, item_text: 'Navsari' }, { item_id: 5, item_text: 'New Delhi' } ] searchSettings: TslMultiSelectSettings = { enableSearchFilter: true, noDataLabel: 'Search For status', labelKey: 'status', primaryKey: 'status' }Esto crea con éxito el menú desplegable con la cantidad correcta de elementos. Pero aparece en blanco y no puedo entender por qué. Ver imagen:
Cuando inspecciono el elemento en devtools, puedo ver que los nombres son las opciones también:
¿Qué estoy haciendo para que no aparezca el texto y cómo puedo solucionarlo?
1 Respuestas
Responde la pregunta0
Consulte los documentos , el formato es: { id: number|string, text: string } .
Actualizar
Ni siquiera estoy seguro de si está usando la misma biblioteca que la que vinculé. Pero si lo eres, puedes usarlo así:
dummyList = [ { id: 1, text: 'Mumbai' }, { id: 2, text: 'Bangaluru' }, { id: 3, text: 'Pune' }, { id: 4, text: 'Navsari' }, { id: 5, text: 'New Delhi' } ] <ng-multiselect-dropdown [data]="dummyList"></ng-multiselect-dropdown>No tengo idea de dónde obtiene la siguiente interfaz, no coincide con la biblioteca a la que me refiero al comienzo de la respuesta, confirme qué biblioteca npm está usando.
searchSettings: TslMultiSelectSettings = { enableSearchFilter: true, noDataLabel: 'Search For status', labelKey: 'status', primaryKey: 'status' }