将 html 变量绑定到打字稿

Question

这是我的组件：

@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;

  }

}

一切正常，但是menu当我覆盖它时更改变量不会在html中更改，直到我退出页面并重新进入，表明它更改得很晚并且不支持动态更改。我尝试将 EventEmitter 分配给 nb 菜单，但不能，因为我无法输入nb-menu从内部更改它，因为它是一个空形状的标签（我下载的框架）

Answer 1

尝试将值分配为&nbsp; ngOnInit(): void {&nbsp; &nbsp; MENU_ITEMS[0]["title"]= this.translate.instant('adminPanel');&nbsp; &nbsp; this.menu = JSON.parse(JSON.stringify(MENU_ITEMS));&nbsp; }对于包含对象的数组，角度将无法检测到变化。因此，您需要提供新数组JSON.parse(JSON.stringify(MENU_ITEMS))