ng-model ng-show
程序员文章站
2022-03-17 08:02:38
...
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js?1.1.10"></script> </head> <body ng-app=""> HTML: <input type="checkbox" ng-model="myVar"> {{myVar}} <div ng-show="myVar"> <h1>Welcome</h1> <p>Welcome to my home.</p> </div> </body> </html>
ng-show 指令在表达式为 true 时显示指定的 HTML 元素,否则隐藏指定的 HTML 元素。
语法
<element ng-show="expression"></element>
所有的 HTML 元素支持该指令。
以上就是ng-model ng-show的详细内容,更多请关注其它相关文章!
推荐阅读
-
有关angularjs中ng-repeat循环中ng-model的问题
-
AngularJS 获取ng-repeat动态生成的ng-model值实例详解
-
Angular.js中ng-if、ng-show和ng-hide的区别介绍
-
angularjs在ng-repeat中使用ng-model遇到的问题
-
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
-
angularjs自定义ng-model标签的属性
-
AngularJS基础 ng-model 指令详解及示例代码
-
AngularJS基础 ng-show 指令简单示例
-
Angular中ng-bind和ng-model的区别实例详解
-
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果