1

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)

2
  • no hay evento, la sobrescribo aquí --> this.menu = MENU_ITEMS;
    – elver
    Commented el 1 abr. 2020 a las 17:10
  • Ya lo se ya... xD no puedo hacerlo de otra forma
    – elver
    Commented el 1 abr. 2020 a las 17:20

2 respuestas 2

0

Y si este codigo:

 this.menu = MENU_ITEMS;

Lo ejecutas en el ngAfterViewChecked(), en vez del ngOnInit(), eso podría funcionar.

0

Prueba con esto, en la documentación de ngx-translate especifica claramente que el método instant es sincrono y el cargador de archivos predeterminado es asíncrono.

Y por lo que quieres desarrollar es mejor usar el método get ya que te devuelve un Observable.

@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 {
    this.translate.get('adminPanel')
      .subscribe(trl => this.menu[0]['title'] = trl)
  }
}

Espero que te sirva de algo este aporte, Un saludo.

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.