Necesito mi p-menú desplegable para ocultar la opción previamente seleccionada.
Por ejemplo, tengo las opciones A , B y C . Si previamente seleccioné A , solo B y C deberían aparecer en la lista desplegable. Luego, si selecciono B , ahora solo deberían aparecer A y C
//component.ts this.planOptions = [ { name: 'A'}, { name: 'B'}, { name: 'C'} ]; //component.html <p-dropdown id="plan_option" [options]="planOptions [(ngModel)]="selectedPlanOption" optionLabel="name"> </p-dropdown>Debe crear una copia de planOptions que contenga solo las opciones posibles
Archivo TS
copyOfPlanOption = planOption; chosenOption: 'A'; const index = copyOfPlanOption.indexOf(chosenOption); if (index > -1) { copyOfPlanOption.splice(index, 1); }Archivo HTML
<p-dropdown [style]="{'minWidth':'100%', 'width': '100px', 'height':'50px'}" id="plan_option" appendTo="body" [options]="copyOfPlanOption" [(ngModel)]="selectedPlanOption" placeholder=" " optionLabel="name"></p-dropdown>