如何在angularJS中使用ng if、ng else

Question

我想比较一下id，这里，如果id等于5，做这个，否则做那个。我怎样才能做到这一点？

<div class="case" data-ng-if="data.id === '5' ">
    <input type="checkbox" id="{{data.id}}" value="{{data.displayName}}"
            data-ng-model="customizationCntrl.check[data.id1]"
            data-ng-checked="{{data.status}}=='1'" onclick="return false;">{{data.displayName}}
        <br>
</div>
<div class="case" data-ng-else>
    <input type="checkbox" id="{{data.id}}" value="{{data.displayName}}"
            data-ng-model="customizationCntrl.check[data.id]"
            data-ng-checked="{{data.status}}=='1'">{{data.displayName}}<br>
</div> 

Answer 1

您也可以尝试三元运算符。像这样的

{{data.id === 5 ? "it's true" : "it's false"}}

稍微改变你的html代码，尝试一下这个希望，这样它就会为你工作。

Answer 2

没有关于ng else的指令

您可以使用ng if来实现if（）{..}否则{..}用angularJs。

就你目前的情况,，

<div ng-if="data.id == 5">
<!-- If block -->
</div>
<div ng-if="data.id != 5">
<!-- Your Else Block -->
</div>

Answer 3

使用ng-开关与表达式和ng-开关-当匹配表达式值：

<div ng-switch="data.id">
  <div ng-switch-when="5">...</div>
  <div ng-switch-default>...</div>
</div>

例子在这里

Angular2示例