Question

我试图这样做，如果在我的表中状态为'R'，那么它将用glyphicon glyphicon glyphicon-alert替换'R'。

我已经想过不同的做法，比如把它变成一个真假，因为没有必要出现“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>

条件：用glyphicon替换值

1 个答案: