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 相关文章推荐
JS 文件本身编码转换 图文教程
Oct 12 Javascript
jqPlot 基于jquery的画图插件
Apr 26 Javascript
JS模块与命名空间的介绍
Mar 22 Javascript
jquery struts 验证唯一标识(公用方法)
Mar 27 Javascript
阻止子元素继承父元素事件具体思路及实现
May 02 Javascript
html+javascript实现可拖动可提交的弹出层对话框效果
Aug 05 Javascript
javascript作用域和闭包使用详解
Apr 25 Javascript
js加减乘除丢失精度问题解决方法
May 16 Javascript
jquery果冻抖动效果实现方法
Jan 15 Javascript
js控制输入框获得和失去焦点时状态显示的方法
Jan 30 Javascript
jQuery拖拽通过八个点改变div大小
Nov 29 Javascript
微信小程序实现给循环列表添加点击样式实例
Apr 26 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 用数组降低程序的时间复杂度
2009/12/04 PHP
php中sql注入漏洞示例 sql注入漏洞修复
2014/01/24 PHP
PHP中使用SimpleXML检查XML文件结构实例
2015/01/07 PHP
tp5(thinkPHP5框架)时间查询操作实例分析
2019/05/29 PHP
jquery 可拖拽的窗体控件实现代码
2010/03/21 Javascript
eval与window.eval的差别分析
2011/03/17 Javascript
setTimeout和setInterval的区别你真的了解吗?
2011/03/31 Javascript
非主流的textarea自增长实现js代码
2011/12/20 Javascript
Jquery动态改变图片IMG的src地址示例
2013/06/25 Javascript
javascript中parentNode,childNodes,children的应用详解
2013/12/17 Javascript
JS判断变量是否为空判断是否null
2014/07/25 Javascript
jQuery中end()方法用法实例
2015/01/08 Javascript
基于javascript实现动态显示当前系统时间
2016/01/28 Javascript
详解JavaScript跨域总结与解决办法
2016/10/31 Javascript
Js apply方法详解
2017/02/16 Javascript
vue单页应用中如何使用jquery的方法示例
2017/07/27 jQuery
Parcel.js + Vue 2.x 极速零配置打包体验教程
2017/12/24 Javascript
vue基于mint-ui实现城市选择三级联动
2020/06/30 Javascript
详解angular应用容器化部署
2018/08/14 Javascript
javascript中的相等操作符(==与===区别)
2019/12/21 Javascript
webpack5 联邦模块介绍详解
2020/07/08 Javascript
python 实现文件的递归拷贝实现代码
2012/08/02 Python
python爬取盘搜的有效链接实现代码
2019/07/20 Python
opencv转换颜色空间更改图片背景
2019/08/20 Python
超实用的 30 段 Python 案例
2019/10/10 Python
通过实例了解Python str()和repr()的区别
2020/01/17 Python
HTML5拖拽文件到浏览器并实现文件上传下载功能代码
2013/06/06 HTML / CSS
奥地利网上书店:Weltbild
2017/07/14 全球购物
SmartBuyGlasses比利时:购买品牌太阳镜和眼镜
2019/08/09 全球购物
国贸专业个人求职信分享
2013/12/04 职场文书
五星级酒店餐饮部总监的标准岗位职责
2014/02/17 职场文书
“四风”问题对照检查材料思想汇报
2014/09/16 职场文书
个人四风问题对照检查材料
2014/09/26 职场文书
服装区域经理岗位职责
2015/04/10 职场文书
Java Socket实现Redis客户端的详细说明
2021/05/26 Redis
只用Python就可以制作的简单词云
2021/06/07 Python