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 相关文章推荐
使用ImageMagick进行图片缩放、合成与裁剪(js+python)
Sep 16 Javascript
vue.js+Element实现表格里的增删改查
Jan 18 Javascript
angular2中router路由跳转navigate的使用与刷新页面问题详解
May 07 Javascript
angular.js中解决跨域问题的三种方式
Jul 12 Javascript
通俗易懂地解释JS中的闭包
Oct 23 Javascript
JavaScript实现修改伪类样式
Nov 27 Javascript
JavaScript创建对象方法实例小结
Sep 03 Javascript
vue根据值给予不同class的实例
Sep 29 Javascript
vue实现文字横向无缝走马灯组件效果的实例代码
Apr 09 Javascript
JS html事件冒泡和事件捕获操作示例
May 01 Javascript
小程序实现图片预览裁剪插件
Nov 22 Javascript
Vue 中如何将函数作为 props 传递给组件的实现代码
May 12 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
DC游戏Steam周三特惠 《蝙蝠侠》阿卡姆系列平史低
2020/04/09 欧美动漫
PHP4和PHP5性能测试和对比 测试代码与环境
2007/08/17 PHP
php array_search() 函数使用
2010/04/13 PHP
深入探讨:Nginx 502 Bad Gateway错误的解决方法
2013/06/03 PHP
编写Smarty插件在模板中直接加载数据的详细介绍
2013/06/26 PHP
destoon利用Rewrite规则设置网站安全
2014/06/21 PHP
thinkphp ajaxfileupload实现异步上传图片的示例
2017/08/28 PHP
ThinkPHP 框架实现的读取excel导入数据库操作示例
2020/04/14 PHP
JavaScript类库D
2010/10/24 Javascript
File, FileReader 和 Ajax 文件上传实例分析(php)
2011/04/27 Javascript
通过jQuery源码学习javascript(二)
2012/12/27 Javascript
多种方法实现JS动态添加事件
2013/11/01 Javascript
鼠标滚轴控制文本框值的JS代码
2013/11/19 Javascript
jquery滚动到顶部底部代码
2015/04/20 Javascript
jQuery实现简单滚动动画效果
2016/04/07 Javascript
Node.js配合node-http-proxy解决本地开发ajax跨域问题
2016/08/31 Javascript
BootStrap实现鼠标悬停下拉列表功能
2017/02/17 Javascript
jQuery插件FusionWidgets实现的Bulb图效果示例【附demo源码下载】
2017/03/23 jQuery
基于jQuery实现的单行公告活动轮播效果
2017/08/23 jQuery
让webpack+vue-cil项目不再自动打开浏览器的方法
2018/09/27 Javascript
JavaScript canvas绘制折线图
2020/02/18 Javascript
详解vue-router的Import异步加载模块问题的解决方案
2020/05/13 Javascript
vue-cli 关闭热更新操作
2020/09/18 Javascript
PyMongo安装使用笔记
2015/04/27 Python
python提取具有某种特定字符串的行数据方法
2018/12/11 Python
windows下numpy下载与安装图文教程
2019/04/02 Python
Python爬虫实现爬取百度百科词条功能实例
2019/04/05 Python
jupyter notebook 参数传递给shell命令行实例
2020/04/10 Python
用Python实现童年贪吃蛇小游戏功能的实例代码
2020/12/07 Python
python FTP编程基础入门
2021/02/27 Python
Shopee印度尼西亚:东南亚与台湾市场最大电商平台
2018/06/17 全球购物
Geekbuying波兰:购买中国电子产品
2019/10/20 全球购物
内科护士节演讲稿
2014/09/11 职场文书
格列佛游记读书笔记
2015/06/30 职场文书
Python 中数组和数字相乘时的注意事项说明
2021/05/10 Python
swagger如何返回map字段注释
2021/07/03 Java/Android