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事件问题
Sep 05 Javascript
jQuery对象和DOM对象的相互转化实现代码
Mar 02 Javascript
jquery实现input输入框实时输入触发事件代码
Jan 28 Javascript
Jquery通过JSON字符串创建JSON对象
Aug 24 Javascript
基于jquery实现省市联动效果
Nov 23 Javascript
轻松实现Bootstrap图片轮播
Apr 20 Javascript
轻松搞定jQuery.noConflict()
Feb 15 Javascript
JS实现简单易用的手机端浮动窗口显示效果
Sep 07 Javascript
以BootStrap Tab为例写一个前端组件
Jul 25 Javascript
JS造成内存泄漏的几种情况实例分析
Mar 02 Javascript
微信小程序之滑动页面隐藏和显示组件功能的实现代码
Jun 19 Javascript
vue制作toast组件npm包示例代码
Oct 29 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
在JavaScript中调用php程序
2009/03/09 PHP
php计算整个mysql数据库大小的方法
2015/06/19 PHP
PHP文件上传类实例详解
2016/04/08 PHP
JS中字符问题(二进制/十进制/十六进制及ASCII码之间的转换)
2008/11/03 Javascript
jQuery简单实现图片预加载
2015/04/20 Javascript
Javascript闭包(Closure)详解
2015/05/05 Javascript
Jquery $when done then的用法详解
2016/05/20 Javascript
jQuery实现的自适应焦点图效果完整实例
2016/08/24 Javascript
微信小程序 for 循环详解
2016/10/09 Javascript
Bootstrap3 图片(响应式图片&amp;图片形状)
2017/01/04 Javascript
webpack配置文件和常用配置项介绍
2017/04/28 Javascript
微信小程序表单验证错误提示效果
2017/05/19 Javascript
Angularjs中使用轮播图指令swiper
2017/05/30 Javascript
谈谈VUE种methods watch和compute的区别和联系
2017/08/01 Javascript
vue2里面ref的具体使用方法
2017/10/27 Javascript
vue实现图片懒加载的方法分析
2020/02/05 Javascript
Vue+elementUI实现多图片上传与回显功能(含回显后继续上传或删除)
2020/03/23 Javascript
vue自定义指令和动态路由实现权限控制
2020/08/28 Javascript
JS删除对象中某一属性案例详解
2020/09/08 Javascript
利用Hyperic调用Python实现进程守护
2018/01/02 Python
利用Python+Java调用Shell脚本时的死锁陷阱详解
2018/01/24 Python
python将txt文档每行内容循环插入数据库的方法
2018/12/28 Python
在python中获取div的文本内容并和想定结果进行对比详解
2019/01/02 Python
python实现抖音点赞功能
2019/04/07 Python
Python 在OpenCV里实现仿射变换—坐标变换效果
2019/08/30 Python
详解python中*号的用法
2019/10/21 Python
python中for循环变量作用域及用法详解
2019/11/05 Python
TensorFLow 不同大小图片的TFrecords存取实例
2020/01/20 Python
Alpine安装Python3依赖出现的问题及解决方法
2020/12/25 Python
CSS3实现红包抖动效果
2020/12/23 HTML / CSS
HomeAway澳大利亚:预订你的度假屋,公寓、度假村、别墅等
2019/02/20 全球购物
android面试问题与答案
2016/12/27 面试题
岗位职责定义及内容
2013/11/08 职场文书
车祸赔偿收入证明
2014/01/09 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
Python自动化爬取天眼查数据的实现
2021/06/15 Python