[angularjs] angularjs系列笔记(七)HTML DOM
2016-03-26 00:03
701 查看
AngularJs为HTML DOM元素的属性提供了绑定数据的指令
ng-disabled指令
ng-disabled指令直接绑定数据到HTML元素的disabled属性
ng-show指令
ng-show指令隐藏和显示一个HTML元素
ng-hide指令与ng-show相反
ng-disabled指令
ng-disabled指令直接绑定数据到HTML元素的disabled属性
ng-show指令
ng-show指令隐藏和显示一个HTML元素
ng-hide指令与ng-show相反
<div ng-app="Home"> <div ng-controller="ngDisabledTest"> 测试ng-disabled指令 <button ng-disabled="mySwitch" >点击</button> <input type="checkbox" ng-model="mySwitch"/>切换 </div> <div ng-controller="ngShowTest"> 测试ng-show指令 <p ng-show="true">可见</p> <p ng-show="false">不可见</p> </div> </div> </body> <script type="text/javascript"> //实例化应用对象,参数:模块名,空数组 var app=angular.module("Home",[]); app.controller("ngDisabledTest",function(){}) app.controller("ngShowTest",function(){}) </script>
相关文章推荐
- AngularJs 自定义filter
- AngularJS中的数据绑定 post
- angularjs实现点击加载更多
- angularjs学习4--过滤器(一)
- ng1.3+表单验证<AngularJs>
- 表单验证<AngularJs>
- 指令<AngularJs>
- angularJS 小记
- angularJs中筛选功能-angular.filter-1
- angularJs中筛选功能-angular.filter-1
- angularjs
- angularJs中筛选功能-angular.filter-1
- AngularJS
- Angular 基础入门
- AngularJS+ckEditor管理ng-model
- angular 学习
- angular 学习简单
- AngularJS执行流程详解
- ionic准备之angular基础——run方法(4)
- Angularjs封装指令