博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
ng-if指令
阅读量:4288 次
发布时间:2019-05-27

本文共 607 字,大约阅读时间需要 2 分钟。

一、定义和用法

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

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

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

语法:

参数值

描述
expression 如果表达式返回 false 则会移除整个元素,如果为 true,则会添加元素。
二、实例1,ng-if控制元素的显示或删除

ng-if指令demo

主面板
主体内容

三、实例2,ng-if指令添加动画效果

1,引用

2.html

ng-if指令+flip-in动画

主面板
主体内容
更多:

你可能感兴趣的文章
SeekBar控件入门
查看>>
SharedPreference存储实战之记住登陆账号密码
查看>>
如何在项目的任何地方轻松获取到全局状态信息Context
查看>>
ListView控件性能提升
查看>>
android下拉刷新功能---教你实现简单的ListView下拉刷新
查看>>
ListView分页展示数据功能一(按钮方式)
查看>>
Android四大组件之服务(一)-----服务基础功能简述
查看>>
Android通知Notification入门小例子(一)
查看>>
Android中通知的提示音、震动和LED灯效果小例子
查看>>
SQLite数据库创建、更新入门
查看>>
SQLite数据库的增删改查
查看>>
Adb connection Error:远程主机强迫关闭一个现有的连接--解决方法
查看>>
Tomcat服务器热启动,解决部署源码时每次手动重启Tomcat问题
查看>>
mysql数据库 向表中添加字段
查看>>
根据图片完整路径,获得图片的宽和高,判断是横版还是竖版图片
查看>>
Linux服务器上修改Mysql的密码
查看>>
Fragment碎片入门教程
查看>>
Android UI根据屏幕分辨率决定加载布局
查看>>
Java面试总结
查看>>
Processing of multipart/form-data request failed. Stream ended unexpectedly
查看>>