Глобально переключать классы CSS? - PullRequest
0 голосов
/ 23 ноября 2018

У меня есть немного CSS, который выделяет каждый div красным цветом.Я использую его для отладки, чтобы увидеть, как выравниваются элементы.

У меня есть кнопка, которая в настоящее время включает несколько функций отладки в моем приложении.Я хотел бы также включить переключение моих красных контуров.

Как бы я включил переключение этих классов, учитывая, что я использую угловой и угловой кли?Я бы хотел избежать динамической загрузки и выгрузки таблицы стилей, если это вообще возможно.

1 Ответ

0 голосов
/ 23 ноября 2018

Вы можете получить вдохновение от Angular Material самого сайта.Если вы посещаете URL, верхняя панель сайта дает вам возможность сменить тему.На аналогичных строках у вас может быть CSS, выделенный для отладки и нормального режима каждый.Режим отладки включит желаемый эффект.Под капотом Код материала выполняет следующие действия.

  1. Поддерживает список списка стилей CSS.Найдите переменную themes в файле src \ app \ shared \ theme-picker \ theme-picker.ts.

  2. В зависимости от выбранной пользователем опции, она вызывает setStyleметод StyleManager (доступен в src \ app \ shared \ style-manager \ style-manager.ts).

  3. Тег * link href в разделе HTML head управляетсяby style-manager.

Это, безусловно, гораздо более чистый подход.С исходным кодом сайта можно ознакомиться здесь .

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...