Блог

Главная - Вопросы по программированию - Как мне реализовать динамическую тему в ионном приложении?

Как мне реализовать динамическую тему в ионном приложении?

#javascript #angularjs #ionic-framework #themes

#javascript #angularjs #ionic-framework #темы

Вопрос:

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

Комментарии:

1. Возможно, ng-класс только для тела и использование наследования сделают свое дело!

2. Можете ли вы привести мне пример этого?

Ответ №1:

Возможно, ng-класс только для тела и использование наследования сделают свое дело!

HTML

 <body ng-class="vm.color">
    <div class="title">
    </div>
</body>

CSS

 .red .title {
    background: red;
}

.blue .title {
    background: red;
}