如何在index.html上使用ngx-translate?

时间:2018-11-02 19:56:19

标签: angular translation ngx-translate angular7

在地球上或其他地方,您如何使用ngx-translate在Angular 7项目中的主要index.html文件上进行翻译。基本上,我有一个<app-root></app-root>可以加载应用程序,但是在索引上的上方是例如<title>和IE浏览器警告。也许我只是个胖子,但我想不通。在索引文件之外,一切都很好,我主要是因为一切都在之后由app.component.ts和app.module.ts加载。

这可能有点含糊,让我知道,我可以提供更多细节,我想这应该很简单-您不能或不能这样做。

1 个答案:

答案 0 :(得分:1)

对于标题字段,Angular具有内置的标题服务。您可以从任何组件轻松设置index.html文件的标题。 https://angular.io/guide/set-document-title

我过去也曾有过一篇有用的文章,用于从app.component.ts https://toddmotto.com/dynamic-page-titles-angular-2-router-events动态设置页面标题。本文对Angular 4+所做的唯一更改是使用更新的rxjs运算符。

第二,对于IE,您可以使用polyfills.ts文件,并取消注释几行以启用IE 10和11支持,因此您甚至根本不需要警告。如果您绝对需要该警告,则可以使用优质的JavaScript来为用户调整该警告。这不会很复杂,因为它应该在页面加载时被捕获,并立即锁定应用程序并显示消息,否则将被忽略并增加角度加载。

总体而言,最佳实践是将可以包含的内容包含在您的角度项目根目录的app.component.html文件中。