AngularJS基础 ng-readonly 指令简单示例

更新时间：2016年08月02日 16:24:51 投稿：lqh

本文主要介绍AngularJS ng-readonly 指令,这里对ng-readonly指令的资料做了整理，有学习AngularJS 指令的同学可以参考下

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> <textarea> 元素支持该指令。

参数值

值	描述
expression	表达式返回 true 则表单域为只读。

以上就是对AngularJS ng-readonly 资料的整理，后续继续补充相关资料，谢谢大家对本站的支持！

您可能感兴趣的文章:

Angular directive递归实现目录树结构代码实例
本篇文章主要介绍了Angular directive递归实现目录树结构代码实例，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2017-05-05
AngularJS 异步解决实现方法
这篇文章主要介绍了AngularJS 异步解决实现方法的相关资料,需要的朋友可以参考下
2017-06-06
Angular实现的简单查询天气预报功能示例
这篇文章主要介绍了Angular实现的简单查询天气预报功能,涉及AngularJS针对第三方API接口交互的相关操作技巧,需要的朋友可以参考下
2017-12-12
AngularJS模块详解及示例代码
本文主要讲解AngularJS模块的相关知识，这里整理了详细的基础资料，并提供示例代码和示例实现效果图，有兴趣的小伙伴可以参考下
2016-08-08
3个可以改善用户体验的AngularJS指令介绍
这篇文章主要介绍了3个可以改善用户体验的AngularJS指令,AngularJS是一款具有很高人气的JavaScript框架,需要的朋友可以参考下
2015-06-06
Angular 4.0学习教程之架构详解
作为一种大受欢迎的Web应用程序框架,Angular终于迎来了版本4.0，下面这篇文章主要给大家介绍了关于Angular 4.0学习教程之架构的相关资料，文中通过示例代码介绍的非常详细，需要的朋友可以参考借鉴，下面来一起看看吧。
2017-09-09
AngularJs Understanding Angular Templates
本文主要介绍AngularJs Understanding Angular Templates的资料，这里整理了详细的资料及简单示例代码，有兴趣的小伙伴的参考下
2016-09-09
angularjs表格分页功能详解
本文给大家分享的是个人在项目中使用angularjs实现表格分页功能的思路和代码，非常的简单实用，有需要的小伙伴可以参考下。
2016-01-01
angular4模块中给标签添加背景图的实现方法
下面小编就为大家带来一篇angular4模块中给标签添加背景图的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-09-09
详解Angularjs 如何自定义Img的ng-load 事件
本篇文章主要介绍了详解Angularjs 如何自定义Img的ng-load 事件，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2017-02-02