Question

我有一个angularjs应用，其中在angular应用内有加载图标。我需要根据网址更改图标颜色。我通过添加和删除类来进行管理。问题在于默认颜色会先加载，然后再加载更改后的类颜色。这是不期望的。

我尝试过添加类逻辑onload函数以及angular app的.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
   }

AngularJS应用程序根据url参数更改加载图标的颜色

0 个答案: