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 相关文章推荐
基于jquery的一个简单的脚本验证插件
Apr 05 Javascript
你必须知道的JavaScript 中字符串连接的性能的一些问题
May 07 Javascript
Ionic如何实现下拉刷新与上拉加载功能
Jun 03 Javascript
angular route中使用resolve在uglify压缩后问题解决
Sep 21 Javascript
Node.js中流(stream)的使用方法示例
Jul 16 Javascript
深入剖析Node.js cluster模块
May 23 Javascript
用Node编写RESTful API接口的示例代码
Jul 04 Javascript
解决vue 打包发布去#和页面空白的问题
Sep 04 Javascript
详解vue中async-await的使用误区
Dec 05 Javascript
在 Vue.js中优雅地使用全局事件的方法
Feb 01 Javascript
小程序使用分包的示例代码
Mar 23 Javascript
JavaScript常用工具函数汇总(浏览器环境)
Sep 17 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 将逗号、空格、回车分隔的字符串转换为数组的函数
2012/06/07 PHP
php格式化电话号码的方法
2015/04/24 PHP
PHP中如何使用session实现保存用户登录信息
2015/10/20 PHP
php投票系统之增加与删除投票(管理员篇)
2016/07/01 PHP
PHP实现的mysql操作类【MySQL与MySQLi方式】
2017/10/07 PHP
PHP CURL中传递cookie的方法步骤
2019/05/09 PHP
KindEditor在php环境下上传图片功能集成的方法示例
2020/07/20 PHP
改进版通过Json对象实现深复制的方法
2012/10/24 Javascript
jquery动态增加text元素以及删除文本内容实例代码
2013/07/01 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
2015/04/21 Javascript
属于你的jQuery提示框(Tip)插件
2016/01/20 Javascript
AngularJs  Creating Services详解及示例代码
2016/09/02 Javascript
JavaScript中省略元素对数组长度的影响
2016/10/26 Javascript
详解Vue路由History mode模式中页面无法渲染的原因及解决
2017/09/28 Javascript
webstorm建立vue-cli脚手架的傻瓜式教程
2020/09/22 Javascript
如何在面试中手写出javascript节流和防抖函数
2020/10/22 Javascript
JavaScript中的几种继承方法示例
2020/12/06 Javascript
python获取指定网页上所有超链接的方法
2015/04/04 Python
利用python为运维人员写一个监控脚本
2018/03/25 Python
pyqt5 删除layout中的所有widget方法
2019/06/25 Python
解析Python3中的Import
2019/10/13 Python
最小二乘法及其python实现详解
2020/02/24 Python
python如何提取英语pdf内容并翻译
2020/03/03 Python
Python3爬虫发送请求的知识点实例
2020/07/30 Python
Python直接赋值及深浅拷贝原理详解
2020/09/05 Python
HTML5无刷新改变当前url的代码
2017/03/15 HTML / CSS
MCM英国官网:奢侈皮具制品
2017/04/18 全球购物
伦敦新晋轻奢耳饰潮牌:Tada & Toy
2020/05/25 全球购物
2014财务年终工作总结
2014/12/08 职场文书
财务经理岗位职责
2015/01/31 职场文书
教师年终个人总结
2015/02/11 职场文书
安全承诺书格式范本
2015/04/28 职场文书
工资证明范本
2015/06/12 职场文书
2017元旦晚会开幕词
2016/03/03 职场文书
90条交通安全宣传标语
2019/10/12 职场文书
Java GUI编程菜单组件实例详解
2022/04/07 Java/Android