Buena noche
Tengo un inconveneinte con el tema Prestige, dado que al momento de crear las opciones de menu en app.menu.component.ts y poner algunas en mi areglo de tipo MenuItem[] con la opcion disabled si funcona y no se muestran en la pagina
Pero al realizar eso con los hijos no surte efeto, dado que siempre se muestran las opciones, logre ocultar en la app.menuitem.component.ts pero solo las oculta, dado que no puedo eliminar las opciones de menu con disabled = true
Les agradezco si me pudieran ayudar, saludos
Opcion disabled para componente MenuItems hijos no funciona, solo para principales
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 10
- Joined: 09 Mar 2018, 05:29
Buen dia, gracias por el seguimiento
Efectivamente prestige no utiliza MenuItem y usa el generico Any en su lugar, pero lo que busco es que la opcion disable me elimine las opciones de menu que esten como true
model: any[];
constructor(public app: AppMainComponent) {}
ngOnInit() {
this.model = [
{label: 'Dashboard', icon: 'pi pi-fw pi-home', routerLink: ['/apps/inicio'], disabled: false},
{label: 'Coral', icon: 'pi pi-fw pi-shopping-cart', routerLink: ['/apps/coral'], disabled: false,
items: [
{label: 'Cliente', icon: 'pi pi-fw pi-user', routerLink: ['/apps/coral/cliente'], disabled: false},
{label: 'Prospecto', icon: 'pi pi-fw pi-users', routerLink: ['/apps/coral/prospecto'], disabled: true}
]},
{label: 'Produccion', icon: 'pi pi-fw pi-book', routerLink: ['/apps/produccion'], disabled: false,
items: [
{label: 'Ordenes de produccion', icon: 'pi pi-fw pi-file-o', routerLink: ['/apps/produccion/ordenes'], disabled: false},
{label: 'Reporte de consumos', icon: 'pi pi-fw pi-chart-line', routerLink: ['/apps/produccion/consumos'], disabled: true},
{label: 'Precierres de ordenes', icon: 'pi pi-fw pi-calendar-plus', routerLink: ['/apps/produccion/precierre'], disabled: true}
]
}
];
Mi objetivo es tener opciones de menu dinamicas de acuerdo a las opciones de menu disponibles que tenga un usuario
Efectivamente prestige no utiliza MenuItem y usa el generico Any en su lugar, pero lo que busco es que la opcion disable me elimine las opciones de menu que esten como true
model: any[];
constructor(public app: AppMainComponent) {}
ngOnInit() {
this.model = [
{label: 'Dashboard', icon: 'pi pi-fw pi-home', routerLink: ['/apps/inicio'], disabled: false},
{label: 'Coral', icon: 'pi pi-fw pi-shopping-cart', routerLink: ['/apps/coral'], disabled: false,
items: [
{label: 'Cliente', icon: 'pi pi-fw pi-user', routerLink: ['/apps/coral/cliente'], disabled: false},
{label: 'Prospecto', icon: 'pi pi-fw pi-users', routerLink: ['/apps/coral/prospecto'], disabled: true}
]},
{label: 'Produccion', icon: 'pi pi-fw pi-book', routerLink: ['/apps/produccion'], disabled: false,
items: [
{label: 'Ordenes de produccion', icon: 'pi pi-fw pi-file-o', routerLink: ['/apps/produccion/ordenes'], disabled: false},
{label: 'Reporte de consumos', icon: 'pi pi-fw pi-chart-line', routerLink: ['/apps/produccion/consumos'], disabled: true},
{label: 'Precierres de ordenes', icon: 'pi pi-fw pi-calendar-plus', routerLink: ['/apps/produccion/precierre'], disabled: true}
]
}
];
Mi objetivo es tener opciones de menu dinamicas de acuerdo a las opciones de menu disponibles que tenga un usuario
-
- Posts: 449
- Joined: 08 Aug 2018, 14:09
Glad to hear that.
Regards.
-
- Information
-
Who is online
Users browsing this forum: No registered users and 1 guest