Как использовать ngx-translate на index.html?

Question

Как на Земле или в другом месте вы переводите свой основной файл index.html в проекте Angular 7 с помощью ngx-translate. В основном у меня есть <app-root></app-root>, который загружает приложение, но над индексом, например, <title> и предупреждение для браузеров IE. Может быть, я просто толстая, но я не могу понять это. Все хорошо за пределами индексного файла, я предполагаю, главным образом, потому что все загружается app.component.ts и app.module.ts после.

Это может быть немного расплывчато, дайте мне знать, и я могу предоставить более подробную информацию, я предполагаю, что это должно быть просто - вы не можете или не можете сделать это.

Answer 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 в корне вашего углового проекта.