Как я могу динамически переключать стили в Angular?
У меня есть один styles.css и другой styles-highcontrast.css, оба они по сути содержат одни и те же стили, но более поздние адаптации для людей с проблемами зрения.
styles-highcontrast.css установлен на lazy в angular.json.
Как я могу переключаться между ними одним нажатием кнопки?
Спасибо
пользователь Scss, вам будет так легко, если вы попробуете темы в приложении
—
21.09.2018 09:22
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
0
2
216
1
Ответы 1
Оберните ваш высококонтрастный CSS в какой-то конкретный класс, например:
a {color: red;}
.high-contrast a {color: extraRed;}
И в HTML:
<body ng-class = "{'high-contrast': vm.useHighContrast}">
<button ng-click = "vm.useHighContrast = !vm.useHighContrast">Switch contrast</button>
он использует angular6, поэтому я предполагаю, что это будет ngClass вместо ng-class и (click) вместо ng-click.
—
21.09.2018 09:39
@SlimenTN Извините, я все еще использую AngularJS, но идея та же
—
21.09.2018 09:42
Да нет проблем, ваш ответ правильный, просто исправил синтаксис :)
—
21.09.2018 09:44
Другие вопросы по теме
Событие изменения размера службы Angular 6
Получить несколько значений флажка в формате массива с использованием angular 4
Предотвратить событие NodeExpand в PrimeNg
Модальное окно ng-bootstrap не закрывается при перекрестном нажатии
Mobx & mobx-angular: как обновить и подписаться на обновленное значение из магазина?
Проблема с вызовом функции ng-packagr
Добавление некоторой безопасности к маякам в ионном приложении
Angular 2 и новее | Извлечь свойства из json
Как добавить глобальный поиск для одного столбца с помощью Kendo Grid в Angular 6
Uncaught (в обещании): TypeError: guard не является функцией - когда класс расширяет другой класс
Похожие вопросы
Как анимировать изображение на холсте с помощью requestAnimationFrame?
Таблица стилей не применяется на веб-сайте после пакета (MVC)
Удалить последнего дочернего элемента li
Перенос пробелов в HTML-шаблон приложения Gmail для iOS не работает
Как сделать так, чтобы текст таблицы никогда не прерывал строку?
Как сделать так, чтобы изображения исчезали, становились видимыми, когда я прокручиваю, и действие нужно повторить
Столбцы начальной загрузки не работают в приложении React JS
Стилизация элементов списка в форме
Как наложить изображение на фон в разделе Twitter Bootstrap
SVG-графика для адаптивного дизайна
Почему бы не применить к своему телу другой класс?