AngularJS实现元素显示和隐藏的几个案例_AngularJS

来源：懂视网责编：小采时间：2020-11-27 21:46:57

AngularJS实现元素显示和隐藏的几个案例_AngularJS

AngularJS实现元素显示和隐藏的几个案例_AngularJS:案例一：控制html元素显示和隐藏有n种方法：html的hidden、css的display、jquery的hide()和show()、bootstrap的.hide。今天的重点不是显示和隐藏，而是监听某个布尔变量值，自动改变元素显示和隐藏状态。监听函数、if判断、选择dom、设置dom，5行代

推荐度：

点击下载本文 文档为doc格式

导读AngularJS实现元素显示和隐藏的几个案例_AngularJS:案例一：控制html元素显示和隐藏有n种方法：html的hidden、css的display、jquery的hide()和show()、bootstrap的.hide。今天的重点不是显示和隐藏，而是监听某个布尔变量值，自动改变元素显示和隐藏状态。监听函数、if判断、选择dom、设置dom，5行代

案例一：控制html元素显示和隐藏有n种方法：html的hidden、css的display、jquery的hide()和show()、bootstrap的.hide。今天的重点不是显示和隐藏，而是监听某个布尔变量值，自动改变元素显示和隐藏状态。监听函数、if判断、选择dom、设置dom，5行代码搞不定吧，而且毫无技术含量。
看代码：

ng-show and ng-hide directives

字符串1

字符串2

点击“Toggle Menu”按钮，效果如下：