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脚本调试方法小结
Nov 24 Javascript
Input 特殊事件onpopertychange和oninput
Jun 17 Javascript
JavaScript arguments 多参传值函数
Oct 24 Javascript
JavaScript打字小游戏代码
Dec 26 Javascript
基于javascript实现的搜索时自动提示功能
Dec 26 Javascript
javascript实现的闭包简单实例
Jul 17 Javascript
jQuery插件FusionCharts绘制的2D帕累托图效果示例【附demo源码】
Mar 28 jQuery
关于Vue Webpack2单元测试示例详解
Aug 14 Javascript
webpack多入口文件页面打包配置详解
Jan 09 Javascript
微信小程序实现录音时的麦克风动画效果实例
May 18 Javascript
微信小程序位置授权处理方法
Jun 13 Javascript
使用compose函数优化代码提高可读性及扩展性
Jun 16 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
PHP5.3的垃圾回收机制(动态存储分配方案)深入理解
2012/12/10 PHP
PHP实现算式验证码和汉字验证码实例
2015/03/09 PHP
再推荐十款免费的php开发工具
2015/11/09 PHP
YII Framework教程之异常处理详解
2016/03/14 PHP
Symfony2针对输入时间进行查询的方法分析
2017/06/28 PHP
PHP实现动态添加XML中数据的方法
2018/03/30 PHP
CentOS7.0下安装PHP5.6.30服务的教程详解
2018/09/29 PHP
Javascript 变量作用域 两个可能会被忽略的小特性
2010/03/23 Javascript
jquery调用asp.net 页面后台的实现代码
2011/04/27 Javascript
原生js获取宽高与jquery获取宽高的方法关系对比
2014/04/04 Javascript
javascript的动态加载、缓存、更新以及复用(一)
2014/06/09 Javascript
JavaScript中this的9种应用场景及三种复合应用场景
2015/09/12 Javascript
Node.js中使用jQuery的做法
2016/08/17 Javascript
AngularJS实现ajax请求的方法
2016/11/22 Javascript
微信小程序page的生命周期和音频播放及监听实例详解
2017/04/07 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
2017/08/02 Javascript
浅谈vue,angular,react数据双向绑定原理分析
2017/11/28 Javascript
从setTimeout看js函数执行过程
2017/12/19 Javascript
解决vue A对象赋值给B对象,修改B属性会影响到A的问题
2018/09/25 Javascript
浅谈针对Vue相同路由不同参数的刷新问题
2018/09/29 Javascript
Vue项目引进ElementUI组件的方法
2018/11/11 Javascript
JavaScript数据结构与算法之二叉树添加/删除节点操作示例
2019/03/01 Javascript
layui数据表格 table.render 报错的解决方法
2019/09/29 Javascript
[02:10]探秘浦东源深体育馆 DOTA2 Supermajor不见不散
2018/05/17 DOTA
python cookielib 登录人人网的实现代码
2012/12/19 Python
python和shell变量互相传递的几种方法
2013/11/20 Python
解决Python print 输出文本显示 gbk 编码错误问题
2018/07/13 Python
Python获取数据库数据并保存在excel表格中的方法
2019/06/12 Python
Python中的pathlib.Path为什么不继承str详解
2019/06/23 Python
python3.x提取中文的正则表达式示例代码
2019/07/23 Python
怎样自定义一个异常类
2016/09/27 面试题
自我介绍演讲稿范文
2014/08/21 职场文书
2016年学生会感恩节活动总结
2016/04/01 职场文书
大学生奶茶店创业计划书
2019/06/25 职场文书
PHP策略模式写法
2021/04/01 PHP
Python pandas之求和运算和非空值个数统计
2021/08/07 Python