AngularJS ng-if 指令

返回到:AngularJS 参考手册

定义和用法

ng-if 指令用于在表达式为 false 时移除 HTML 元素。

如果 if 语句执行的结果为 true,会添加移除元素,并显示。

ng-if 指令不同于 ng-hide, ng-hide 隐藏元素,而 ng-if 是从 DOM 中移除元素。

语法

<element ng-if="expression"></element>

所有的 HTML 元素都支持该指令。

参数值

描述
expression如果表达式返回 false 则会移除整个元素,如果为 true,则会添加元素。

AngularJS 实例

取消选中,并移除内容:

<!DOCTYPE html>
<html>
<head>
	<title>AngularJS 实例 | Web176教程网web176.com</title>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">

保留 HTML: <input type="checkbox" ng-model="myVar" ng-init="myVar = true">

<div ng-if="myVar">
<h1>Welcome</h1>
<p>Welcome to my home.</p>
<hr>
</div>

<p>当复选框取消选中时 DIV 元素将移除。</p>
<p>当重新选中复选框,DIV 元素会重新显示。</p>

</body>
</html>

返回到:AngularJS 参考手册

作者:terry,如若转载,请注明出处:https://www.web176.com/angularjsapi/6379.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2022年8月11日 下午2:38
下一篇 2022年8月11日 下午2:42

相关推荐

发表回复

登录后才能评论
nic porn hdmovz.mobi omansex
my sexy savita tubster.net oral sex mms
sexy hollywood movies thempeg.mobi zulu reed dance bathing
صور سكس ليلى علوى wahmbahm.com نيك اسكندراني
indian outdoor xnxx hdtporno.org bollywood actress xvideo
latest xvideos whiteporntube.info sexy gand mari
سكس جد teenagesexvids.com فيلم جنسى كامل
www.desi xb.com cumshotporntrends.com www indian sex con
indian style fucking pornodon.net kamwali bai
سكس اخ ينيك اختو noodporn.com سكس امهات وصبى
3gp sex.com hindipornmovies.org namitha bf videos
سكس هواه ounoun.com افلام اغتصاب مترجمة
you tube8 pornvideox.mobi desi sex videos download
سكس بنات مع كلاب xltcf.com سكس مصري مخفي
indian mobil sex nudeindiantube.net xvideos.tamil