Javascript CSS根据angularjs条件改变特定颜色

我有以下html：

 <div>
      <i class="glyphicon glyphicon-envelope" 
         style="margin-top: -50px; cursor:pointer; color: #1F45FC" 
         ng-click="createComment(set_id)">
      </i> Route 
      <center>
           <span class="route_no">{{set_id}}</span> 
      </center>
 </div>

 <div>
      <center>Status: {{set.total_one}}/{{set.total_two}}</center>
 </div>

这是在设置中设置的ng repeat=内

我想根据javascript控制器内的条件更改我的浏览器的颜色

---

我无法将特定图标绑定到索引，以便angularjs知道要更改哪些图标的颜色。

如果条件为真，您可以使用来分配类，而不是修复类

如果您的条件是集合的boolean flag属性，并且当该条件为true时，您希望添加一个名为red的类，您可以这样做：

<i class="glyphicon glyphicon-envelope"
   ng-click="createComment(set_id)"
   ng-style="{ red: set.flag }">

---

您可以在控制器中定义一个函数，该函数将根据条件返回所需的颜色。看看这个

这是一个函数，您可以在其中应用必要的逻辑：

this.getColor = function (cust) 
{ 
    if (cust.total_one > 400) return 'red';
    if (cust.total_one > 300) return '#FF4700';
    if (cust.total_one > 200) return '#FF9900';
    if (cust.total_one > 100) return 'yellow';
};

this.getColor = function (cust) 
{ 
    if (cust.total_one > 400) return 'red';
    if (cust.total_one > 300) return '#FF4700';
    if (cust.total_one > 200) return '#FF9900';
    if (cust.total_one > 100) return 'yellow';
};