AngularJS基礎 ng-readonly 指令簡單示例
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 資料的整理,后續(xù)繼續(xù)補充相關資料,謝謝大家對本站的支持!
相關文章
Angular directive遞歸實現目錄樹結構代碼實例
本篇文章主要介紹了Angular directive遞歸實現目錄樹結構代碼實例,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05AngularJs Understanding Angular Templates
本文主要介紹AngularJs Understanding Angular Templates的資料,這里整理了詳細的資料及簡單示例代碼,有興趣的小伙伴的參考下2016-09-09詳解Angularjs 如何自定義Img的ng-load 事件
本篇文章主要介紹了詳解Angularjs 如何自定義Img的ng-load 事件,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2017-02-02