【问题标题】:How to support multilingual for angular Website如何支持多语言的角度网站
【发布时间】:2021-12-24 21:07:58
【问题描述】:

我是 Angular 的初学者。我不知道如何使用 Angular 11 支持多语言网站。我在网站中有一些动态内容。我希望这包括多语言支持。谁能帮帮我

【问题讨论】:

    标签: angular11


    【解决方案1】:

    有不同的解决方案。您可以使用 i18n (https://angular.io/guide/i18n-overview) 中内置的 angular。但它需要使用服务器处理捆绑包,因为 Angular i18n 会为您在应用程序中所需的每种语言创建单独的捆绑包。例如,如果用户切换到英语,您应该为英语加载捆绑包并重新加载页面,对于其他语言也是如此。

    另一个是流行的 Transloco (https://ngneat.github.io/transloco/)。它将允许您在运行时更改 i18n 而无需创建多个捆绑包。您需要配置应用程序以使用此包,并使用每种语言的键和翻译值创建 json 文件。 Transloco 有很好的文档和示例。

    另一个流行的是 ngx-translate (https://github.com/ngx-translate/core),它的工作原理类似于 Transloco。

    此外,如果您的项目很小,您可以手动处理翻译(更新/添加新的),但在大型项目的情况下,更好的方法是将 i18n 资源文件上传到第三方服务,翻译人员将翻译所有内容,然后您可以导入已翻译文件添加到您的项目中。

    所以这取决于你的项目选择哪一个,但你可以比较优点和缺点并选择必要的。

    【讨论】:

    • 我正在尝试使用翻译管道进行 ngx-translate。它在 html 中工作正常。但它在 ts 文件中不起作用。我需要一些与我的问题相关的示例。任何人都可以分享这个
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2014-07-24
    • 2013-12-11
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-11-08
    相关资源
    最近更新 更多