我正在使用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>

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

谢谢！