Question

我正在使用i18n翻译网站上的所有内容。但是，如果html标记位于多行中，则i18n似乎无法翻译，如下所示：

<h2 translate>
    team.title
</h2>

但是，如果html标记位于一行上，则可以正常工作：

<h2 translate>team.title</h2>

有关信息，这是我的.component.ts代码：

import { Component, OnInit } from '@angular/core';
import { TranslateService } from '@ngx-translate/core';

@Component({
  selector: 'dc-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.scss']
})
export class MyComponent implements OnInit {

  constructor(private translateService: TranslateService) {}

  ngOnInit() {}

  setLanguage(language: string) {
    this.translateService.use(language);
  }
}

这就是我调用setLanguage函数的方式：

<button class="button" (click)="setLanguage('en-US')">EN</button>
<button class="button" (click)="setLanguage('fr-FR')">FR</button>

有人遇到过同样的问题吗？

谢谢！

Answer 1

我实际上是通过替换以下代码来解决此问题的：

<h2 translate>
    team.title
</h2>

通过：

<h2>
    {{ 'team.title' | translate }}
</h2>

它每次都能工作！

i18n仅翻译单行标签

1 个答案: