Angular 如何使用ngx translate翻译角材质垫按钮中的文本标签

我正在使用角材质组件示例mat菜单mat按钮，并使用ngx translate在我的应用程序中转换标签。但是html的所有其他元素都在被翻译，但是使用角度材质类，如mat button和mat tabs ngx translate是不起作用的。请帮忙做这件事

我已经在代码中尝试了以下内容

这是我使用[translate]指令的html文件

<button mat-button [matMenuTriggerFor]="file" [hidden]="isFullScreen" [translate] = "'FILE.MENU_FILE'" #matformbutton = "matButton" >{{fileMenu.name}}</button>
  <button mat-button [matMenuTriggerFor]="edit" [hidden]="isFullScreen" [translate] = "'EDIT.MENU_EDIT'" #matformbutton = "matButton">{{editMenu.name}}</button>
  <button mat-button [hidden]="isFullScreen" [translate] = "'VIEW.MENU_VIEW'" #matformbutton= "matButton">{{viewMenu.name}}</button>

---

其实我也遇到过同样的情况。
这可能是mat按钮主体内部使用的方式，使用

translate

指令没有帮助。我必须对

mat按钮

按钮中的每个文本使用

translate

管道。例如：

<button mat-button>{{ fileMenu.name | translate }}</button>

{{fileMenu.name | translate}

事实上我也遇到过同样的问题。
这可能是mat按钮主体内部使用的方式，使用

translate

指令没有帮助。我必须对

mat按钮

按钮中的每个文本使用

translate

管道。例如：

<button mat-button>{{ fileMenu.name | translate }}</button>

{{fileMenu.name | translate}

只需在我的代码中添加此项，就最终找到了解决方案

<button mat-button [matMenuTriggerFor]="file" [hidden]="isFullScreen">**<span [translate] = "'FILE.MENU_FILE'">{{fileMenu.name}}</span>**</button>
  <button mat-button [matMenuTriggerFor]="edit" [hidden]="isFullScreen"><span [translate] = "'EDIT.MENU_EDIT'">{{editMenu.name}}</span></button>
  <button mat-button [hidden]="isFullScreen" > <span [translate] = "'VIEW.MENU_VIEW'">{{viewMenu.name}}</span></button>

**{{fileMenu.name}**
{{editMenu.name}
{{viewMenu.name}

---

i、 e在按钮标签中添加span将解决此问题

通过在我的代码中添加span，最终找到了解决方案

<button mat-button [matMenuTriggerFor]="file" [hidden]="isFullScreen">**<span [translate] = "'FILE.MENU_FILE'">{{fileMenu.name}}</span>**</button>
  <button mat-button [matMenuTriggerFor]="edit" [hidden]="isFullScreen"><span [translate] = "'EDIT.MENU_EDIT'">{{editMenu.name}}</span></button>
  <button mat-button [hidden]="isFullScreen" > <span [translate] = "'VIEW.MENU_VIEW'">{{viewMenu.name}}</span></button>

**{{fileMenu.name}**
{{editMenu.name}
{{viewMenu.name}

---

i、 e在按钮标记中添加span将解决此问题

未翻译的术语在哪里？按钮文本中的所有术语，即按钮文本{{filemenu.name}}、{{{filemenu.edit}和{{filemenu.view}，它们不会被翻译。当我移除mat按钮时，它们会被翻译。没有翻译的术语在哪里？按钮文本中的所有术语，即按钮文本{{filemenu.name}、{{{filemenu.edit}}和{{{filemenu.view}，它们不会被翻译。马丁：你对.ts文件也做了任何更改吗？因为我们应该把要翻译的文本指向哪里不，你不需要改变任何东西。例如，通过调用组件中的

TranslateService.get

手动获取，确保翻译确实存在。你能给出一个演示示例吗？因为我的组件文件拥有所有内容，我也提供了代码。你能告诉我在哪里更改吗？马丁：你对.ts文件也做了什么更改吗？因为我们应该把要翻译的文本指向哪里不，你不需要改变任何东西。例如，通过调用组件中的

TranslateService.get

手动获取，确保翻译确实存在。你能给出一个演示示例吗？因为我的组件文件拥有所有内容，我也提供了代码。你能告诉我在哪里更改吗？这将是一个很大的帮助