事件处理程序使用TranslateService处理语言更改

Question

以下是api返回的json。我想根据所选的语言在屏幕上显示名称。语言更改时，名称也应相应更改。

body:{
identifier: "menu",
parent: "none",
htmlTag: "<app-ecomp/>",
navWeight: 105,
name: {
de: "Energie",
en: "Energy"
},
},
body:{
identifier: "menu",
parent: "none",`enter code here`
htmlTag: "<app-wcomp/>",
navWeight: 105,
name: {
de: "Wasser",
en: "water"
},
}

以下是component.ts中的代码

 data.forEach(element => {
        let value = '';
        if (this.translate.changedLangValue === 'de') {
          value = element.body.name.de;
        } else {
          value = element.body.name.en;
        }
        componentName.push(value);
      });

这与页面语言更改时不一样。可以在转换文件上使用事件处理程序吗？