快捷導(dǎo)航

AngularJS基礎(chǔ) ng-readonly 指令簡(jiǎn)單示例

更新時(shí)間：2016年08月02日 16:24:51 投稿：lqh

本文主要介紹AngularJS ng-readonly 指令,這里對(duì)ng-readonly指令的資料做了整理，有學(xué)習(xí)AngularJS 指令的同學(xué)可以參考下

AngularJS ng-readonly 指令

AngularJS 實(shí)例

設(shè)置輸入框?yàn)橹蛔x:

<!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è)置輸入框?yàn)橹蛔x:<input type="checkbox" ng-model="all"><br>
<br>

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

</body>
</html>

定義和用法

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

如果 ng-readonly 屬性的表達(dá)式返回 true 則表單域?yàn)橹蛔x。

語(yǔ)法

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

參數(shù)值

值	描述
expression	表達(dá)式返回 true 則表單域?yàn)橹蛔x。

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

您可能感興趣的文章:

相關(guān)文章

Angular實(shí)現(xiàn)類似博客評(píng)論的遞歸顯示及獲取回復(fù)評(píng)論的數(shù)據(jù)
這篇文章主要給大家介紹了關(guān)于Angular如何實(shí)現(xiàn)類似博客評(píng)論的遞歸顯示及獲取回復(fù)評(píng)論的數(shù)據(jù)的相關(guān)資料，文中通過(guò)示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。
2017-11-11
Angular4 組件通訊方法大全(推薦)
這篇文章主要介紹了Angular4 組件通訊方法大全(推薦)，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-07-07
實(shí)例詳解angularjs和ajax的結(jié)合使用
本篇文章給大家介紹angularjs和ajax的結(jié)合使用，本文介紹的非常詳細(xì)，對(duì)angularjs和ajax感興趣的朋友一起參考下吧
2015-10-10
Angularjs中UI Router的使用方法
這篇文章主要為大家詳細(xì)介紹了Angularjs中UI Router的使用方法，感興趣的朋友可以參考一下
2016-05-05
ng-events類似ionic中Events的angular全局事件
這篇文章主要介紹了ng-events類似ionic中Events的angular全局事件,本文給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2018-09-09
將Angular單項(xiàng)目升級(jí)為多項(xiàng)目的全過(guò)程
有時(shí)候在開(kāi)發(fā)的過(guò)程中發(fā)現(xiàn)一個(gè)Angular項(xiàng)目不太夠用,兩個(gè)獨(dú)立的項(xiàng)目又不太好復(fù)用,這時(shí)便需要將原來(lái)的Angular項(xiàng)目簡(jiǎn)單做個(gè)升級(jí),這篇文章主要給大家介紹了關(guān)于將Angular單項(xiàng)目升級(jí)為多項(xiàng)目的相關(guān)資料,需要的朋友可以參考下
2021-11-11
Angular2里獲取（input file）上傳文件的內(nèi)容的方法
這篇文章主要介紹了Angular2里獲?。╥nput file）上傳文件的內(nèi)容的方法，非常具有實(shí)用價(jià)值，需要的朋友可以參考下
2017-09-09
ionic4+angular7+cordova上傳圖片功能的實(shí)例代碼
ionic是一個(gè)垮平臺(tái)開(kāi)發(fā)框架，可通過(guò)web技術(shù)開(kāi)發(fā)出多平臺(tái)的應(yīng)用。這篇文章主要介紹了ionic4+angular7+cordova上傳圖片功能，本文通過(guò)實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值 ,需要的朋友可以參考下
2019-06-06
Angular2使用jQuery的方法教程
這篇文章主要給大家介紹了關(guān)于Angular2使用jQuery的方法教程，文中介紹的非常詳細(xì)，對(duì)大家具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來(lái)跟著小編一起學(xué)習(xí)學(xué)習(xí)吧。
2017-05-05
angular項(xiàng)目中bootstrap-datetimepicker時(shí)間插件的使用示例
這篇文章主要介紹了angular項(xiàng)目中bootstrap-datetimepicker時(shí)間插件的使用示例,小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-03-03