изменить таблицу стилей, когда выбран другой язык. - PullRequest
Новая
       0

изменить таблицу стилей, когда выбран другой язык.

0 голосов
/ 08 октября 2018

У меня есть угловое приложение, которое поддерживает стандартную левую запись контента.Мне нужна арабская поддержка, поэтому я провел небольшое исследование и узнал о Bootsrap RTL.Мне нужно знать, можно ли перезагрузить весь файл style.scss при выборе языка на домашней странице.Если я выберу арабский язык, тогда RTL должен быть загружен, иначе LTR будет по умолчанию.Заранее спасибо.

Ответы [ 2 ]

0 голосов
/ 08 октября 2018

Встроенный браузер поддерживает атрибут dir для элементов div, поэтому вы можете выполнить изменение направления с помощью атрибута dir. 

<div dir="ltr">Hello World. This gets displayed from left to right</div>
<div dir="rtl">Hello World. This gets displayed from right to left</div>

Передать динамическую переменную из файла ts для углового приложения, 

<div dir="[direction]"></div>

установить значение направления на ltr / rtl на основе конфигурации из углового приложения

0 голосов
/ 08 октября 2018

Вы можете изменить атрибут lang элемента root (<html>) через JS и установить в css направление rtl на основе этого атрибута, поэтому нет необходимости загружать другой ресурс, например

JS (переключение языка) 

document.documentElement.setAttribute('lang', 'ar');

CSS 

body { 
   direction: ltr;
}

[lang="ar"] body {
   direction: rtl;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...