如何在AngularJS中使用ng if，ng else

How to make use of ng-if , ng-else in angularJS

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

1
2
3
4
5
6
7
8
9

<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}}

<input type="checkbox" id="{{data.id}}" value="{{data.displayName}}"
data-ng-model="customizationCntrl.check[data.id]"
data-ng-checked="{{data.status}}=='1'">{{data.displayName}}

相关讨论

将ng开关与expression和ng-switch-when一起用于匹配表达式值：

1
2

...
...

例子在这里

角度2示例

相关讨论

没有其他指示

在AngularJS中，可以使用ng if来实现if()..else..。

对于你目前的情况，

1
2
3
4

相关讨论

ng if else in angular的语法是：

1
2
3
4
5
6
7
8
9
10
11

<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}}

<ng-template #elsepart>

<input type="checkbox" id="{{data.id}}" value={{data.displayName}}"
data-ng-model="customizationCntrl.check[data.id]" data-ng-checked="
{{data.status}}=='1'">{{data.displayName}}

</ng-template>

相关讨论

我要补充一些关于NG指令的重要问题：

指令将响应执行它的相同位置。

其他概念不存在，只能用if或其他风格的switch语句。

查看以下示例：

1
//different template with hoot data

1
//different template with story data

1
//different template with article data

根据数据类型，它将呈现任何一个DIV。

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

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

稍微改变一下HTML代码，试试这个希望，这样它会对你有用。

1 2	<span ng-if="verifyName.indicator == 1"><i class="fa fa-check"></span> <span ng-if="verifyName.indicator == 0"><i class="fa fa-times"></span>

试试这个代码。这里，verifyname.indicator值来自控制器。这对我有用。

你可以这样写：

1
2
3
4
5
6
7
8

<p>
this will execute
</p>

<p>
this will execute
</p>

相关讨论