Este es mi componente:
@Component({
selector: 'ngx-pages',
styleUrls: ['pages.component.scss'],
template: `
<ngx-one-column-layout>
<nb-menu [items]="menu"></nb-menu>
<router-outlet></router-outlet>
</ngx-one-column-layout>
`,
})
export class PagesComponent {
constructor(private translate: TranslateService) {
console.log(this.translate.instant('adminPanel'));
}
menu = MENU_ITEMS;
ngOnInit(): void {
MENU_ITEMS[0]["title"]= this.translate.instant('adminPanel');
this.menu = MENU_ITEMS;
}
}
Funciona todo bien pero el cambio de variable de "menu" cuando la sobrescribo no se cambia en el html hasta que no salgo de la página y vuelvo a entrar, lo que me indica que se cambia tarde y no admite el cambio de forma dinámica. He intentado asignar un EventEmitter al nb-menu, pero no puedo ya que no puedo entrar a nb-menu para modificarlo desde dentro ya que es una etiqueta de nebular (un framework que me he bajado)