条件：用glyphicon替换值

Question

我想让它如此，如果在我的表中状态是'R'，那么它将用glyphicon代替'R'，glyphicon glyphicon-alert。

我想过不同的做法，比如使它成为一个真或假的条件，因为出现'G'是没有必要的（如果你可以协助做它，如果它是'G'显示''也会有用），但我还没有取得多大进展。

有人可以帮助吗？

这是有问题的代码。

http://plnkr.co/edit/CTRlMFnw4bxXy8wYHTSP?p=preview

<tbody> 
     <tr class="tt" data-toggle="tooltip" title="Click for more information on {{x.c}}." ng-click="isCollapsed = !isCollapsed" ng-repeat- start="x in projects | filter:query | filter:myFilter | orderBy:orderProperty"> 
      <td class="shrink"><b>{{x.a}}</b></td> 
      <td class="shrink">{{x.b}}</td> 
      <td class="shrink"><u>{{x.c}}</u></td> 
      <td class="shrink">{{x.d}}</td> 
      <td class="shrink">{{x.e}}</td> 
      <td class="shrink">{{x.f}}</td> 
     </tr> 

     <tr collapse="isCollapsed" ng-repeat-end=""> 
      <td colspan="6"> 
       <h3>Test</h3> 
       <p>Test</p> 
      </td> 
     </tr> 
</tbody> 

Answer 1

我会解决它像这样

<tr class="tt" data-toggle="tooltip" title="Click for more information on {{x.c}}." ng-click="isCollapsed = !isCollapsed" ng-repeat-start="x in projects | filter:query | filter:myFilter | orderBy:orderProperty"> 
    <td ng-class="{'glyphicon glyphicon-alert': x.a == 'R'}"><b ng-if="x.a != 'R'">{{x.a}}</b></td> 
    <td class="shrink">{{x.b}}</td> 
    <td class="shrink"><u>{{x.c}}</u></td> 
    <td class="shrink">{{x.d}}</td> 
    <td class="shrink">{{x.e}}</td> 
    <td class="shrink">{{x.f}}</td> 
</tr>