AngularJS基础 ng-readonly 指令简单示例


Posted in Javascript onAugust 02, 2016

AngularJS ng-readonly 指令

AngularJS 实例

设置输入框为只读:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="">
勾选复选框设置输入框为只读:<input type="checkbox" ng-model="all"><br>
<br>

<input type="text" ng-readonly="all">

</body>
</html>

定义和用法

ng-readonly 指令用于设置表单域(input 或 textarea) 的 readonly 属性。

如果 ng-readonly 属性的表达式返回 true 则表单域为只读。

语法

<input ng-readonly="expression"></input>

<input> <textarea> 元素支持该指令。

 参数值

 

描述
expression 表达式返回 true 则表单域为只读。

 以上就是对AngularJS ng-readonly 资料的整理,后续继续补充相关资料,谢谢大家对本站的支持!

Javascript 相关文章推荐
Javascript 日期对象Date扩展方法
May 30 Javascript
过虑特殊字符输入的js代码
Aug 05 Javascript
zepto.js中tap事件阻止冒泡的实现方法
Feb 12 Javascript
javascript创建函数的20种方式汇总
Jun 23 Javascript
Web前端开发工具——bower依赖包管理工具
Mar 29 Javascript
基于jQuery ligerUI实现分页样式
Sep 18 Javascript
Node.js学习入门
Jan 03 Javascript
详解jquery validate实现表单验证 (正则表达式)
Jan 18 Javascript
vue解决弹出蒙层滑动穿透问题的方法
Sep 22 Javascript
详解vue-cli+es6引入es5写的js(两种方法)
Apr 19 Javascript
js+canvas绘制图形验证码
Sep 21 Javascript
JavaScript最完整的深浅拷贝实现方式详解
Feb 28 Javascript
AngularJS基础 ng-paste 指令简单示例
Aug 02 #Javascript
js检测离开或刷新页面时表单数据是否更改的方法
Aug 02 #Javascript
AngularJS基础 ng-options 指令详解
Aug 02 #Javascript
深入理解JavaScript中Ajax
Aug 02 #Javascript
AngularJS基础 ng-open 指令简单实例
Aug 02 #Javascript
AngularJS基础 ng-non-bindable 指令详细介绍
Aug 02 #Javascript
实例详解jQuery的无new构建
Aug 02 #Javascript
You might like
怎样在UNIX系统下安装MySQL
2006/10/09 PHP
从php核心代码分析require和include的区别
2011/01/02 PHP
PHP中的正则表达式函数介绍
2012/02/27 PHP
php使用Session和文件统计在线人数
2015/07/04 PHP
PHP自定义递归函数实现数组转JSON功能【支持GBK编码】
2018/07/17 PHP
thinkphp3.2框架中where条件查询用法总结
2019/08/13 PHP
个人总结的一些关于String、Function、Array的属性和用法
2007/01/10 Javascript
你需要知道的10个最佳javascript开发实践小结
2012/04/15 Javascript
各浏览器中querySelector和querySelectorAll的实现差异分析
2012/05/23 Javascript
如何实现textarea里的不同文本显示不同颜色
2014/01/20 Javascript
在JavaScript中重写jQuery对象的方法实例教程
2014/08/25 Javascript
JavaScript常用的返回,自动跳转,刷新,关闭语句汇总
2015/01/13 Javascript
Javascript中判断对象是否为空
2015/06/10 Javascript
JS模拟Dialog弹出浮动框效果代码
2015/10/16 Javascript
jquery+php实现滚动的数字特效
2015/11/29 Javascript
JS中使用apply、bind实现为函数或者类传入动态个数的参数
2016/04/26 Javascript
Vue.JS入门教程之列表渲染
2016/12/01 Javascript
NodeJS基础API搭建服务器详细过程记录
2017/04/01 NodeJs
vue router嵌套路由在history模式下刷新无法渲染页面问题的解决方法
2018/01/25 Javascript
vue中手机号,邮箱正则验证以及60s发送验证码的实例
2018/03/16 Javascript
Vue中Axios从远程/后台读取数据
2019/01/21 Javascript
5分钟快速看懂ES6中的反射与代理
2019/12/19 Javascript
解决angular 使用原生拖拽页面卡顿及表单控件输入延迟问题
2020/04/21 Javascript
解决vue下载后台传过来的乱码流的问题
2020/12/05 Vue.js
[36:16]完美世界DOTA2联赛PWL S3 access vs Rebirth 第一场 12.19
2020/12/24 DOTA
深入浅出学习python装饰器
2017/09/29 Python
django实现登录时候输入密码错误5次锁定用户十分钟
2017/11/05 Python
美国著名的团购网站:Woot
2016/08/02 全球购物
一道输出判断型Java面试题
2014/10/01 面试题
什么是servlet链?
2014/07/13 面试题
会计与出纳自荐书范文
2014/03/16 职场文书
大专学生求职自荐信
2014/07/06 职场文书
高校教师个人工作总结2014
2014/12/17 职场文书
小学生家长意见
2015/06/03 职场文书
入党转正申请自我鉴定
2019/06/25 职场文书
mysql配置SSL证书登录的实现
2021/09/04 MySQL