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 相关文章推荐
Extjs ajax同步请求时post方式参数发送方式
Aug 05 Javascript
Iframe 自适应高度并实时监控高度变化的js代码
Oct 30 Javascript
jquery的$getjson调用并获取远程的JSON字符串问题
Dec 10 Javascript
JavaScript字符串对象slice方法入门实例(用于字符串截取)
Oct 16 Javascript
原生js实现addClass,removeClass,hasClass方法
Apr 27 Javascript
JS简单获取客户端IP地址的方法【调用搜狐接口】
Sep 05 Javascript
JavaScript 函数模式详解及示例
Sep 07 Javascript
js实现二级导航功能
Mar 03 Javascript
xmlplus组件设计系列之文本框(TextBox)(3)
May 03 Javascript
将input框中输入内容显示在相应的div中【三种方法可选】
May 08 Javascript
对vuejs的v-for遍历、v-bind动态改变值、v-if进行判断的实例讲解
Aug 27 Javascript
Vue通过Blob对象实现导出Excel功能示例代码
Jul 31 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中替换字符串中的空格为逗号','的方法
2014/06/09 PHP
PHP自定session保存路径及删除、注销与写入的方法
2014/11/18 PHP
详解WordPress中简码格式标签编写的基本方法
2015/12/22 PHP
PHP实现文件下载【实例分享】
2017/04/28 PHP
json的前台操作和后台操作实现代码
2012/01/20 Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
2013/01/09 Javascript
jQuery实现提示密码强度的代码
2015/07/15 Javascript
JS使用正则表达式实现关键字替换加粗功能示例
2016/08/03 Javascript
详解Bootstrap的iCheck插件checkbox和radio
2016/08/24 Javascript
javascript this详细介绍
2016/09/19 Javascript
Vue.js实战之组件之间的数据传递
2017/04/01 Javascript
Angular实现下载安装包的功能代码分享
2017/09/05 Javascript
AngularJS中的作用域实例分析
2018/05/16 Javascript
angular2 组件之间通过service互相传递的实例
2018/09/30 Javascript
jquery简单实现纵向的无缝滚动代码实例
2019/04/01 jQuery
Vue+element 解决浏览器自动填充记住的账号密码问题
2019/06/11 Javascript
如何在Vue.JS中使用图标组件
2020/08/04 Javascript
python实现从字符串中找出字符1的位置以及个数的方法
2014/08/25 Python
python实现应用程序在右键菜单中添加打开方式功能
2017/01/09 Python
Python实现的摇骰子猜大小功能小游戏示例
2017/12/18 Python
深入flask之异步非堵塞实现代码示例
2018/07/31 Python
利用Python实现原创工具的Logo与Help
2018/12/03 Python
python opencv 图像拼接的实现方法
2019/06/27 Python
用python实现英文字母和相应序数转换的方法
2019/09/18 Python
Python面向对象实现方法总结
2020/08/12 Python
Python日志打印里logging.getLogger源码分析详解
2021/01/17 Python
python-jwt用户认证食用教学的实现方法
2021/01/19 Python
护士优质服务演讲稿
2014/08/26 职场文书
创先争优公开承诺书
2014/08/30 职场文书
暑期社会实践证明书
2014/11/17 职场文书
汽车质检员岗位职责
2015/04/08 职场文书
酒店宣传语大全
2015/07/13 职场文书
幼儿园大班教师随笔
2015/08/14 职场文书
银行柜员优质服务心得体会
2016/01/22 职场文书
原生JS实现飞机大战小游戏
2021/06/09 Javascript
解决mysql模糊查询索引失效问题的几种方法
2021/06/18 MySQL