在Angular

时间:2018-05-04 07:44:17

标签: angularjs view

我正在尝试为来自表中API的每个数据显示truefalse值。对于true<td>

<td><span class="label label-success status-active" title="Active">{{x.exist}}</span></td>

因此,当API中提到的{{x.exist}}的值为true时,范围将为label-success status-active" title="Active"。否则,如果为false,则span将为label-default status-disabled" title="Disabled"

我在我的视图中这样做但没有显示结果

<span ng-if="x.exist == 'true' " class="label label-success status-active" title="Active">

如何在角度视图的if-else中执行此操作?

2 个答案:

答案 0 :(得分:2)

您需要使用下面的代码更新已添加的范围,它将根据x.exist值显示类和标题

<span ng-class="(x.exist) ? 'label-success status-active' : 'label-default status-disabled'" title="{{(x.exist) ? 'Active' : 'Disabled'}}" > {{x.exist}}</span>

答案 1 :(得分:0)

尝试

显示真值

<span ng-if="x.exist" class="label label-success status-active" title="Active">

显示错误值

<span ng-if="!x.exist" class="label label-success status-active" title="Active">

还有ng-show和ng-hide

https://docs.angularjs.org/api/ng/directive/ngShow