Angular本地化：使用$localise的TypeScript字符串被翻译了，但使用i18n的HTML没有被翻译。 _编程开发

Angular本地化：使用$localise的TypeScript字符串被翻译了，但使用i18n的HTML没有被翻译。

创始人

2024-10-23 06:31:44

0次

第一步是确保你已经在angular.json文件中针对您的语言设置了i18n。例如：

"i18n": {
  "sourceLocale": "en-US",
  "locales": {
    "fr": "src/locale/messages.fr.xlf"
  }
},

第二步是在你的模板中使用i18n指令，标记需要翻译的文本：

This text will be translated

第三步是在你的组件中导入$localize，并使用它来翻译类型化字符串。示例：

import { Component } from '@angular/core';
import { $localize } from '@angular/localize';

@Component({
  selector: 'app-root',
  template: `
    {{ title }}
    {{ message }}
  `,
})
export class AppComponent {
  title = $localize`Hello, world!`;
  message = $localize`:@@greeting:Welcome to my app, {{ name }}!:{name} is the user's name`;
}

以上三个步骤将确保您的HTML和TypeScript字符串都能够获得正确的本地化翻译。

上一篇：Angular本地化：从ts文件提取字符串

下一篇：Angular本地主机 - 在Internet Explorer 11中找不到URL

Angular本地化：使用$localise的TypeScript字符串被翻译了，但使用i18n的HTML没有被翻译。

相关内容

热门资讯