如何在一个html标记中使用ng if else来获取条件

时间:2016-10-23 04:38:19

标签: angularjs angular-ng-if

任何人都可以帮我解决下面的问题,目前我正在使用下面的代码显示我使用两个<td>标签得到条件值的值,有什么方法我可以做其他的一个<td>代码?

<td class="features" ng-if="OrderStatus.length>0">
<span ng-repeat="indi in ServiceDisconnects.Service">{{indi.serviceID}}<br></span>
</td>

<td class="features" ng-if="!OrderStatus.length>0">
<span ng-repeat="indi in ServiceDisconnects.Service">{{indi.productID}}<br></span>
</td>

3 个答案:

答案 0 :(得分:5)

为什么不在ng-repeat中检查呢

<td ng-repeat="indi in ServiceDisconnects.Service">
<span ng-if="OrderStatus.length>0" >{{indi.serviceID}}<br></span>
<span ng-if="!OrderStatus.length>0" >{{indi.serviceID}}<br></span>
</td>

答案 1 :(得分:4)

只需在表达式({{}})中添加条件

即可
<td ng-repeat="indi in ServiceDisconnects.Service">
<span>{{ OrderStatus.length>0? indi.serviceID:indi.productID}}</span><br>
</td>

答案 2 :(得分:3)

这就是你要找的东西。根据您的需要进行修改。

<td class="features" >
    <span ng-repeat="indi in ServiceDisconnects.Service">
    <span ng-if="OrderStatus.length>0">{{indi.serviceID}}</span>
    <span ng-if="!OrderStatus.length>0">{{indi.productID}}</span>
    <br></span>
</td>