<!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="">
勾選復(fù)選框設(shè)置輸入框為只讀:<input type="checkbox" ng-model="all"><br>
<br>

<input type="text" ng-readonly="all">

</body>
</html>

定義和用法

ng-readonly 指令用于設(shè)置表單域(input 或 textarea) 的 readonly 屬性。

如果 ng-readonly 屬性的表達式返回 true 則表單域為只讀。

語法

<input> <textarea> 元素支持該指令。

參數(shù)值

值	描述
expression	表達式返回 true 則表單域為只讀。

以上就是對AngularJS ng-readonly 資料的整理，后續(xù)繼續(xù)補充相關(guān)資料，謝謝大家對本站的支持！

您可能感興趣的文章:

相關(guān)文章

Angular directive遞歸實現(xiàn)目錄樹結(jié)構(gòu)代碼實例
本篇文章主要介紹了Angular directive遞歸實現(xiàn)目錄樹結(jié)構(gòu)代碼實例，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
AngularJS 異步解決實現(xiàn)方法
這篇文章主要介紹了AngularJS 異步解決實現(xiàn)方法的相關(guān)資料,需要的朋友可以參考下
2017-06-06
Angular實現(xiàn)的簡單查詢天氣預(yù)報功能示例
這篇文章主要介紹了Angular實現(xiàn)的簡單查詢天氣預(yù)報功能,涉及AngularJS針對第三方API接口交互的相關(guān)操作技巧,需要的朋友可以參考下
2017-12-12
AngularJS模塊詳解及示例代碼
本文主要講解AngularJS模塊的相關(guān)知識，這里整理了詳細的基礎(chǔ)資料，并提供示例代碼和示例實現(xiàn)效果圖，有興趣的小伙伴可以參考下
2016-08-08
3個可以改善用戶體驗的AngularJS指令介紹
這篇文章主要介紹了3個可以改善用戶體驗的AngularJS指令,AngularJS是一款具有很高人氣的JavaScript框架,需要的朋友可以參考下
2015-06-06
Angular 4.0學(xué)習(xí)教程之架構(gòu)詳解
作為一種大受歡迎的Web應(yīng)用程序框架,Angular終于迎來了版本4.0，下面這篇文章主要給大家介紹了關(guān)于Angular 4.0學(xué)習(xí)教程之架構(gòu)的相關(guān)資料，文中通過示例代碼介紹的非常詳細，需要的朋友可以參考借鑒，下面來一起看看吧。
2017-09-09
AngularJs Understanding Angular Templates
本文主要介紹AngularJs Understanding Angular Templates的資料，這里整理了詳細的資料及簡單示例代碼，有興趣的小伙伴的參考下
2016-09-09
angularjs表格分頁功能詳解
本文給大家分享的是個人在項目中使用angularjs實現(xiàn)表格分頁功能的思路和代碼，非常的簡單實用，有需要的小伙伴可以參考下。
2016-01-01
angular4模塊中給標(biāo)簽添加背景圖的實現(xiàn)方法
下面小編就為大家?guī)硪黄猘ngular4模塊中給標(biāo)簽添加背景圖的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-09-09
詳解Angularjs 如何自定義Img的ng-load 事件
本篇文章主要介紹了詳解Angularjs 如何自定義Img的ng-load 事件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-02-02