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 相关文章推荐
网站页面自动跳转实现方法PHP、JSP(上)
Aug 01 Javascript
20个非常棒的 jQuery 幻灯片插件和教程分享
Aug 23 Javascript
jQuery+JSON+jPlayer实现QQ空间音乐查询功能示例
Jun 17 Javascript
JS实现简单的键盘打字的效果
Apr 24 Javascript
javascript实现标签切换代码示例
May 22 Javascript
优雅的elementUI table单元格可编辑实现方法详解
Dec 23 Javascript
配置eslint规范项目代码风格
Mar 11 Javascript
微信小程序用户盒子、宫格列表的实现
Jul 01 Javascript
微信小程序自定义扫码功能界面的实现代码
Jul 02 Javascript
实例讲解React 组件
Jul 07 Javascript
原生JavaScript写出Tabs标签页的实例代码
Jul 20 Javascript
vue-quill-editor插入图片路径太长问题解决方法
Jan 08 Vue.js
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中实现记住密码自动登录的代码
2011/03/02 PHP
php 定界符格式引起的错误
2011/05/24 PHP
php验证手机号码(支持归属地查询及编码为UTF8)
2013/02/01 PHP
php数组去重复数据示例
2014/02/25 PHP
php常用字符串String函数实例总结【转换,替换,计算,截取,加密】
2016/12/07 PHP
PHP商品秒杀问题解决方案实例详解【mysql与redis】
2019/07/22 PHP
利用PHP计算有多少小于当前数字的数字方法示例
2020/08/26 PHP
什么是json和jsonp,jQuery json实例详详细说明
2012/12/11 Javascript
javascript中为某个元素指定事件的三种方式
2014/08/07 Javascript
javascript结合ajax读取txt文件内容
2014/12/05 Javascript
每天一篇javascript学习小结(Array数组)
2015/11/11 Javascript
JavaScript代码实现禁止右键、禁选择、禁粘贴、禁shift、禁ctrl、禁alt
2015/11/17 Javascript
jQuery实现移动端手机商城购物车功能
2016/09/24 Javascript
浅谈JavaScript的闭包函数
2016/12/08 Javascript
Javascript 高性能之递归,迭代,查表法详解及实例
2017/01/08 Javascript
js+html5生成自动排列对话框实例
2017/10/09 Javascript
Vue服务端渲染实践之Web应用首屏耗时最优化方案
2019/03/22 Javascript
vue 使用axios 数据请求第三方插件的使用教程详解
2019/07/05 Javascript
Vue2.0 $set()的正确使用详解
2020/07/28 Javascript
[00:55]2015国际邀请赛中国区预选赛5月23日——28日约战上海
2015/05/25 DOTA
Python提示[Errno 32]Broken pipe导致线程crash错误解决方法
2014/11/19 Python
Python 基础教程之str和repr的详解
2017/08/20 Python
浅谈python中的正则表达式(re模块)
2017/10/17 Python
python中使用zip函数出现错误的原因
2018/09/28 Python
详解pyenv下使用python matplotlib模块的问题解决
2018/11/29 Python
Python 中Django验证码功能的实现代码
2019/06/20 Python
树莓派实现移动拍照
2019/06/22 Python
Python 中的参数传递、返回值、浅拷贝、深拷贝
2019/06/25 Python
Python-Flask:动态创建表的示例详解
2019/11/22 Python
Python reduce函数作用及实例解析
2020/05/08 Python
关于多种方式完美解决Python pip命令下载第三方库的问题
2020/12/21 Python
AC Lens:购买隐形眼镜
2017/02/26 全球购物
后进生转化工作制度
2014/01/17 职场文书
园林技术个人的自我评价
2014/02/15 职场文书
2014年营业员工作总结
2014/11/18 职场文书
新郎结婚保证书
2015/02/26 职场文书