如何在angularJS中使用ng-if,ng-else

sat*_*mar 35 angularjs

我想比较id.here如果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> 
Run Code Online (Sandbox Code Playgroud)

Vas*_*syl 43

使用带表达式的ng-switchng-switch-when匹配表达式值:

<div ng-switch="data.id">
  <div ng-switch-when="5">...</div>
  <div ng-switch-default>...</div>
</div>
Run Code Online (Sandbox Code Playgroud)

示例在这里

Angular2的例子

  • 你可以把`(data.id == 5)`用于switch语句表达式然后``true`用于`when`表达式,如果你发现它更清晰(显然只有一个/或值) (3认同)

Abh*_*ine 23

ng-else没有指令

您可以使用ng-if在angularJs中实现if(){..} else {..}.

对于你目前的情况,

<div ng-if="data.id == 5">
<!-- If block -->
</div>
<div ng-if="data.id != 5">
<!-- Your Else Block -->
</div>
Run Code Online (Sandbox Code Playgroud)


Gan*_*ale 5

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

{{data.id === 5 ? "it's true" : "it's false"}}
Run Code Online (Sandbox Code Playgroud)

稍微改变你的 html 代码并尝试这个希望它对你有用。