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 相关文章推荐
为Yahoo! UI Extensions Grid增加内置的可编辑器
Mar 10 Javascript
JS下拉缓冲菜单示例代码
Aug 30 Javascript
Bootstrap学习笔记之js组件(4)
Jun 12 Javascript
Javascript中for循环语句的几种写法总结对比
Jan 23 Javascript
js实现年月日表单三级联动
Apr 17 Javascript
Node.js 使用命令行工具检查更新
Jun 08 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
Jul 13 Javascript
原生JS实现ajax与ajax的跨域请求实例
Dec 01 Javascript
JS 使用 window对象的print方法实现分页打印功能
May 16 Javascript
用Vue.js方法创建模板并使用多个模板合成
Jun 28 Javascript
vue倒计时刷新页面不会从头开始的解决方法
Mar 03 Javascript
微信小程序实现手指拖动选项排序
Apr 22 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
mysql 的 like 问题,超强毕杀记!!!
2007/01/18 PHP
PHP中strlen()和mb_strlen()的区别浅析
2014/06/19 PHP
thinkphp四种url访问方式详解
2014/11/28 PHP
浅析THINKPHP的addAll支持的最大数据量
2015/02/03 PHP
PHP中header函数的用法及其注意事项详解
2016/06/13 PHP
YII2 实现多语言配置的方法分享
2017/01/11 PHP
Laravel如何使用数据库事务及捕获事务失败后的异常详解
2017/10/23 PHP
Laravel5.1框架注册中间件的三种场景详解
2019/07/09 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
JQuery的read函数与js的onload不同方式实现
2013/03/18 Javascript
node.js实现多图片上传实例
2014/06/03 Javascript
程序员必知35个jQuery 代码片段
2015/11/05 Javascript
jquery实现一个简单的表单验证实例
2016/03/30 Javascript
基于JS代码实现导航条弹出式悬浮菜单
2016/06/17 Javascript
vue使用v-if v-show页面闪烁,div闪现的解决方法
2018/10/12 Javascript
@angular前端项目代码优化之构建Api Tree的方法
2018/12/24 Javascript
详解关于Vuex的action传入多个参数的问题
2019/02/22 Javascript
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
JS基础之逻辑结构与循环操作示例
2020/01/19 Javascript
微信小程序如何实现精确的日期时间选择器
2020/01/21 Javascript
微信小程序实现滑动操作代码
2020/04/23 Javascript
[01:27]2014DOTA2展望TI 剑指西雅图IG战队专访
2014/06/30 DOTA
Mac中Python 3环境下安装scrapy的方法教程
2017/10/26 Python
Python3中内置类型bytes和str用法及byte和string之间各种编码转换 问题
2018/09/27 Python
Python实现常见的回文字符串算法
2018/11/14 Python
Python中的 enum 模块源码详析
2019/01/09 Python
Python多进程fork()函数详解
2019/02/22 Python
Python实现微信小程序支付功能
2019/07/25 Python
旅游项目开发策划书
2014/01/18 职场文书
城市精细化管理实施方案
2014/03/04 职场文书
大学生通用个人自我评价
2014/04/27 职场文书
2014年健康教育工作总结
2014/11/20 职场文书
小学生差生评语
2014/12/29 职场文书
2016年感恩教师节活动总结
2016/04/01 职场文书
JS实现九宫格拼图游戏
2022/06/28 Javascript
Nginx文件已经存在全局反向代理问题排查记录
2022/07/15 Servers