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的MessageBox
Dec 03 Javascript
js调用webservice中的方法实现思路及代码
Feb 25 Javascript
jQuery学习笔记(2)--用jquery实现各种模态提示框代码及项目构架
Apr 08 Javascript
编写高质量JavaScript代码的基本要点
Mar 02 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
Apr 29 Javascript
Web前端框架Angular4.0.0 正式版发布
Mar 28 Javascript
React 高阶组件入门介绍
Jan 11 Javascript
详解基于React.js和Node.js的SSR实现方案
Mar 21 Javascript
taro开发微信小程序的实践
May 21 Javascript
vue把输入框的内容添加到页面的实例讲解
Nov 11 Javascript
vue-cli点击实现全屏功能
Mar 07 Javascript
node.js使用express-fileupload中间件实现文件上传
Jul 16 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中通过Ajax如何实现异步文件上传的代码实例
2011/05/07 PHP
PHP中spl_autoload_register函数的用法总结
2013/11/07 PHP
PHP运行SVN命令显示某用户的文件更新记录的代码
2014/01/03 PHP
浅谈ThinkPHP5.0版本和ThinkPHP3.2版本的区别
2017/06/17 PHP
php接口实现拖拽排序功能
2018/04/23 PHP
让innerHTML的脚本也可以运行起来
2006/07/01 Javascript
jquery miniui 教程 表格控件 合并单元格应用
2012/11/25 Javascript
jquery的选择器的使用技巧之如何选择input框
2013/09/22 Javascript
jQuery 取值、赋值的基本方法整理
2014/03/31 Javascript
EasyUI中combobox默认值注意事项
2015/03/01 Javascript
基于jquery实现的自动补全功能
2015/03/12 Javascript
整理AngularJS中的一些常用指令
2015/06/16 Javascript
深入理解MVC中的时间js格式化
2016/05/19 Javascript
关于vue.js弹窗组件的知识点总结
2016/09/11 Javascript
JAVA中截取字符串substring用法详解
2017/04/14 Javascript
Vue框架之goods组件开发详解
2018/01/25 Javascript
Node.js API详解之 zlib模块用法分析
2020/05/19 Javascript
python根据京东商品url获取产品价格
2015/08/09 Python
Python编程实现及时获取新邮件的方法示例
2017/08/10 Python
python实现字符串中字符分类及个数统计
2018/09/28 Python
Python3实现对列表按元组指定列进行排序的方法分析
2018/12/22 Python
python3.6环境安装+pip环境配置教程图文详解
2019/06/20 Python
pycharm无法导入本地模块的解决方式
2020/02/12 Python
python 制作python包,封装成可用模块教程
2020/07/13 Python
利用python汇总统计多张Excel
2020/09/22 Python
python gui开发——制作抖音无水印视频下载工具(附源码)
2021/02/07 Python
HTML5 input新增type属性color颜色拾取器的实例代码
2018/08/27 HTML / CSS
香港草莓网土耳其网站:Strawberrynet TR
2017/03/02 全球购物
库存图片、照片、矢量图、视频和音乐:Shutterstock
2021/02/12 全球购物
犹他州最古老的体育用品公司:Al’s
2020/12/18 全球购物
理工科学生的自我评价
2013/12/15 职场文书
小学教师办公室制度
2014/02/03 职场文书
大学迎新标语
2014/06/26 职场文书
教师工作表现评语
2014/12/31 职场文书
解约证明模板
2015/06/19 职场文书
AJAX学习笔记
2021/05/18 Javascript