在component.ts文件上进行ng2-translate

Question

我在home.component.ts文件中有以下代码

notificationId.innerHTML = message 

，该消息在网站上显示为通知。

如何在此处翻译邮件并在网站上显示已翻译的邮件？

试过这个：

this.translate.instant(message)
notificationId.innerHTML = message 

但这没有帮助。我在json文件中翻译了所有相应的消息。

提前致谢。

Answer 1

这是因为要使用instant方法，您必须确保加载了带语言的package，否则它不会translate。在组件ts文件中获取翻译的最佳选择是get方法，因为您正在订阅其值。所以它看起来像这样：

this.translate.get(message).subscribe(translatedMsg => notificationId.innerHTML = translatedMsg);

但我不建议使用innerHTML。您应该在模板中使用双向绑定。像<div class="notification">{{notificationMessage}}</div>一样在ts文件中实现这个变量。另请检查您是否在app.module.ts正确加载语言包。