将 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

尝试将值分配为

  ngOnInit(): void {

    MENU_ITEMS[0]["title"]= this.translate.instant('adminPanel');

    this.menu = JSON.parse(JSON.stringify(MENU_ITEMS));

  }

对于包含对象的数组，角度将无法检测到变化。因此，您需要提供新数组JSON.parse(JSON.stringify(MENU_ITEMS))