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 13 Javascript
javascript 写类方式之四
Jul 05 Javascript
Jquery 获取对象的几种方式介绍
Jan 17 Javascript
本人自用的global.js库源码分享
Feb 28 Javascript
JS闭包、作用域链、垃圾回收、内存泄露相关知识小结
May 16 Javascript
js读取json文件片段中的数据实例
Mar 09 Javascript
jquery动态赋值id与动态取id方法示例
Aug 21 jQuery
小程序实现左右来回滚动字幕效果
Dec 28 Javascript
全面了解JavaScript的作用域链
Apr 03 Javascript
javascript防抖函数debounce详解
Jun 11 Javascript
js JSON.stringify()基础详解
Jun 19 Javascript
解决layui checkbox 提交多个值的问题
Sep 02 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
PHP读取ACCESS数据到MYSQL的代码
2011/05/11 PHP
浅析PHP绘图技术
2013/07/03 PHP
PHP之预定义接口详解
2015/07/29 PHP
php面向对象编程self和static的区别
2016/05/08 PHP
php使用preg_match()函数验证ip地址的方法
2017/01/07 PHP
PHP共享内存使用与信号控制实例分析
2018/05/09 PHP
php解决crontab定时任务不能写入文件问题的方法分析
2019/09/16 PHP
jQuery学习7 操作JavaScript对象和集合的函数
2010/02/07 Javascript
Json对象替换字符串占位符实现代码
2010/11/17 Javascript
javascript 实现简单的table排序及table操作练习
2012/12/28 Javascript
使用js正则控制input标签只允许输入的值
2013/07/29 Javascript
Javascript动态创建表格及删除行列的方法
2015/05/15 Javascript
超赞的动手创建JavaScript框架的详细教程
2015/06/30 Javascript
Vue-Router模式和钩子的用法
2018/02/28 Javascript
JS实现简单的星期格式转换功能示例
2018/07/23 Javascript
JavaScript前端页面搜索功能案例【基于jQuery】
2019/07/10 jQuery
python异步任务队列示例
2014/04/01 Python
Python自动化运维和部署项目工具Fabric使用实例
2016/09/18 Python
Python 微信之获取好友昵称并制作wordcloud的实例
2019/02/21 Python
PyCharm 创建指定版本的 Django(超详图解教程)
2019/06/18 Python
pandas dataframe的合并实现(append, merge, concat)
2019/06/24 Python
python 直接赋值和copy的区别详解
2019/08/07 Python
css3中背景尺寸background-size详解
2014/09/02 HTML / CSS
canvas实现圆绘制的示例代码
2019/09/11 HTML / CSS
加拿大城市本地限时优惠:Buytopia.ca
2018/09/19 全球购物
办护照工作证明范本
2014/01/14 职场文书
职工运动会邀请函
2014/01/19 职场文书
cf搞笑广告词
2014/03/14 职场文书
元旦趣味活动方案
2014/08/22 职场文书
幼儿园六一亲子活动方案
2014/08/26 职场文书
党员学习群众路线教育实践活动对照检查材料
2014/09/23 职场文书
2015年学校禁毒工作总结
2015/05/27 职场文书
python库sklearn常用操作
2021/08/23 Python
MYSQL 表的全面总结
2021/11/11 MySQL
通过Python把学姐照片做成拼图游戏
2022/02/15 Python
SQL Server中使用表变量和临时表
2022/05/20 SQL Server