У меня есть приложение angularjs со значком загрузки внутри приложения angularjs.У меня есть требование изменить цвет значка в зависимости от URL.Я управляю этим, добавляя и удаляя классы.Проблема заключается в том, что сначала загружается цвет по умолчанию, а затем измененный цвет класса.Этого не ожидается.
Я попробовал добавить функцию загрузки логики класса, а также функцию .run в угловом приложении.Сначала происходит загрузка цвета по умолчанию, а затем ожидаемый цвет.
<body id="hello" ng-app="test" onload="documentLoad()">
<div class="loader-icon">
<!--Want this loader to change color when the page loads -->
</div>
</body>
documentLoad(){
<!- HERE I am adding a class to the loader icon to change the expected
color -->
}
abc.css
loader-icon {
background-color: red;
}
.added-class .loader-icon {
background-color: green;
}
Я ожидаю, что фоновый цвет значка загрузчика будет зеленым, когда в url есть параметр isTest, а когда нет.там должно быть красным.
angular
.module(
'test'
])
.run(function myAppRunFn() {
// Tested the logic of class addition here as well but still not getting expected background color
}