Angular - обновить атрибут html в корневом index.html. - PullRequest
Новая
       2

Angular - обновить атрибут html в корневом index.html.

0 голосов
/ 15 января 2019

У меня есть следующий контент в моем index.html 

<!doctype html>
<html dir="ltr" lang="en">
    <head>
        <meta charset="utf-8">
        <title>Halls Gate</title>
        <base href="/">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" type="image/png" href="assets/img/favicon.png">
        <link href="https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700" rel="stylesheet">
        <link href="https://fonts.googleapis.com/css?family=Istok+Web" rel="stylesheet">
    </head>
    <body>
        <app-root></app-root>
    </body>
</html>

Я хочу обновить атрибут dir и lang в элементе html из компонента <html dir="ltr" lang="en"> на основе выбранного языка.

Есть ли способ сделать это в Angular?

Спасибо.

Ответы [ 2 ]

0 голосов
/ 15 января 2019

Я думаю, это можно изменить просто ...

https://stackblitz.com/edit/angular-ih2drk?file=src%2Fapp%2Fapp.component.ts

import { Component, Renderer2 } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  name = 'Angular 6';
  constructor(private renderer: Renderer2) {
    this.renderer.setAttribute(document.querySelector('html'), 'lang', 'tr');
  }
}
0 голосов
/ 15 января 2019

Это будет плохая практика. Вы должны использовать Интернационализация вместо. Интернационализация - это процесс разработки и подготовки вашего приложения для использования на разных языках. Локализация - это процесс перевода вашего интернационализированного приложения на определенные языки для определенных языков.

Начните с: 

ng serve --configuration=your locale id
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...