angular html判断语句,AngularJS模板中的if else语句

小编典典

Angularjs(低于1.1.5版)不提供此if/else功能。以下是您要达到的目标的几种选择：

( 如果您使用的是1.1.5或更高版本，请跳至下面的更新(＃5) )

1.三元运算符：

正如@Kirk在评论中所建议的那样，最干净的方法是使用三元运算符，如下所示：

{{isLarge ? 'video.large' : 'video.small'}}

可以像下面这样使用。

3. ng-hide/ [`ng-

或者，您也可以使用，ng-show/ng-hide但是使用它实际上将同时渲染一个大视频和一个小视频元素，然后隐藏一个满足ng-

hide条件的元素，并显示一个满足ng-show条件的元素。因此，在每个页面上，您实际上将呈现两个不同的元素。

4.另一个要考虑的选择是[`ng-

可以如下使用。

large-video如果video.large属实，以上内容基本上将为div元素添加一个CSS类。

5. ng-if指令：

在以上版本中，1.1.5您可以使用ng-

if指令。如果提供的表达式返回false，则将删除该元素，如果表达式返回，则将其重新插入elementDOM中true。可以如下使用。

2020-07-04