AngularJS API Reference
auto
auto/service
auto/service/$injector
auto/service/$provide
ng
ng/directive
ng/directive/a
ng/directive/form
ng/directive/input
ng/directive/input[checkbox]
ng/directive/input[date]
ng/directive/input[dateTimeLocal]
ng/directive/input[email]
ng/directive/input[month]
ng/directive/input[number]
ng/directive/input[radio]
ng/directive/input[text]
ng/directive/input[time]
ng/directive/input[url]
ng/directive/input[week]
ng/directive/ngApp
ng/directive/ngBind
ng/directive/ngBindHtml
ng/directive/ngBindTemplate
ng/directive/ngBlur
ng/directive/ngChange
ng/directive/ngChecked
ng/directive/ngClass
ng/directive/ngClassEven
ng/directive/ngClassOdd
ng/directive/ngClick
ng/directive/ngCloak
ng/directive/ngController
ng/directive/ngCopy
ng/directive/ngCsp
ng/directive/ngCut
ng/directive/ngDblclick
ng/directive/ngDisabled
ng/directive/ngFocus
ng/directive/ngForm
ng/directive/ngHide
ng/directive/ngHref
ng/directive/ngIf
ng/directive/ngInclude
ng/directive/ngInit
ng/directive/ngKeydown
ng/directive/ngKeypress
ng/directive/ngKeyup
ng/directive/ngList
ng/directive/ngModel
ng/directive/ngModelOptions
ng/directive/ngMousedown
ng/directive/ngMouseenter
ng/directive/ngMouseleave
ng/directive/ngMousemove
ng/directive/ngMouseover
ng/directive/ngMouseup
ng/directive/ngNonBindable
ng/directive/ngOpen
ng/directive/ngPaste
ng/directive/ngPluralize
ng/directive/ngReadonly
ng/directive/ngRepeat
ng/directive/ngSelected
ng/directive/ngShow
ng/directive/ngSrc
ng/directive/ngSrcset
ng/directive/ngStyle
ng/directive/ngSubmit
ng/directive/ngSwitch
ng/directive/ngTransclude
ng/directive/ngValue
ng/directive/script
ng/directive/select
ng/directive/textarea
ng/filter
ng/filter/currency
ng/filter/date
ng/filter/filter
ng/filter/json
ng/filter/limitTo
ng/filter/lowercase
ng/filter/number
ng/filter/orderBy
ng/filter/uppercase
ng/function
ng/function/angular.bind
ng/function/angular.bootstrap
ng/function/angular.copy
ng/function/angular.element
ng/function/angular.equals
ng/function/angular.extend
ng/function/angular.forEach
ng/function/angular.fromJson
ng/function/angular.identity
ng/function/angular.injector
ng/function/angular.isArray
ng/function/angular.isDate
ng/function/angular.isDefined
ng/function/angular.isElement
ng/function/angular.isFunction
ng/function/angular.isNumber
ng/function/angular.isObject
ng/function/angular.isString
ng/function/angular.isUndefined
ng/function/angular.lowercase
ng/function/angular.module
ng/function/angular.noop
ng/function/angular.toJson
ng/function/angular.uppercase
ng/object
ng/object/angular.version
ng/provider
ng/provider/$animateProvider
ng/provider/$compileProvider
ng/provider/$controllerProvider
ng/provider/$filterProvider
ng/provider/$httpProvider
ng/provider/$interpolateProvider
ng/provider/$locationProvider
ng/provider/$logProvider
ng/provider/$parseProvider
ng/provider/$rootScopeProvider
ng/provider/$sceDelegateProvider
ng/provider/$sceProvider
ng/service
ng/service/$anchorScroll
ng/service/$animate
ng/service/$cacheFactory
ng/service/$compile
ng/service/$controller
ng/service/$document
ng/service/$exceptionHandler
ng/service/$filter
ng/service/$http
ng/service/$httpBackend
ng/service/$interpolate
ng/service/$interval
ng/service/$locale
ng/service/$location
ng/service/$log
ng/service/$parse
ng/service/$q
ng/service/$rootElement
ng/service/$rootScope
ng/service/$sce
ng/service/$sceDelegate
ng/service/$templateCache
ng/service/$timeout
ng/service/$window
ng/type
ng/type/$cacheFactory.Cache
ng/type/$compile.directive.Attributes
ng/type/$rootScope.Scope
ng/type/angular.Module
ng/type/form.FormController
ng/type/ngModel.NgModelController
ngAnimate
ngAnimate/provider
ngAnimate/provider/$animateProvider
ngAnimate/service
ngAnimate/service/$animate
ngCookies
ngCookies/service
ngCookies/service/$cookies
ngCookies/service/$cookieStore
ngMessages
ngMessages/directive
ngMessages/directive/ngMessage
ngMessages/directive/ngMessages
ngMock
ngMock/function
ngMock/function/angular.mock.dump
ngMock/function/angular.mock.inject
ngMock/function/angular.mock.module
ngMock/object
ngMock/object/angular.mock
ngMock/provider
ngMock/provider/$exceptionHandlerProvider
ngMock/service
ngMock/service/$exceptionHandler
ngMock/service/$httpBackend
ngMock/service/$interval
ngMock/service/$log
ngMock/service/$timeout
ngMock/type
ngMock/type/angular.mock.TzDate
ngMockE2E
ngMockE2E/service
ngMockE2E/service/$httpBackend
ngResource
ngResource/service
ngResource/service/$resource
ngRoute
ngRoute/directive
ngRoute/directive/ngView
ngRoute/provider
ngRoute/provider/$routeProvider
ngRoute/service
ngRoute/service/$route
ngRoute/service/$routeParams
ngSanitize
ngSanitize/filter
ngSanitize/filter/linky
ngSanitize/service
ngSanitize/service/$sanitize
ngTouch
ngTouch/directive
ngTouch/directive/ngClick
ngTouch/directive/ngSwipeLeft
ngTouch/directive/ngSwipeRight
ngTouch/service
ngTouch/service/$swipe
?
本文檔使用 php中文網(wǎng)手冊(cè) 發(fā)布
文字
AngularJS: API: ng/directive/ngReadonly
ngReadonly
- - directive in module ng
HTML規(guī)范不要求瀏覽器對(duì)布爾型屬性必須給出值，例如readonly(它們存在表示true，不存在表示false)。 如果我們放置了一個(gè)Angular動(dòng)態(tài)表達(dá)式到這樣的屬性上，在瀏覽器刪除屬性時(shí)綁定信息將會(huì)丟失。 ngReadonly指令解決了readonly屬性的這個(gè)問(wèn)題。這個(gè)指令不會(huì)被瀏覽器刪除，并提供了一個(gè)永久的可靠的地方存放綁定信息。
指令信息
- 這個(gè)指令執(zhí)行優(yōu)先級(jí)為100.
用法
- 作為屬性使用:
<INPUT ng-readonly=""> ... </INPUT>
參數(shù)
| 參數(shù) | 類型 | 詳述 |
|---|---|---|
| ngReadonly | expression | 如果表達(dá)式為真， 指定的屬性"readonly" 會(huì)被設(shè)到元素上。 |
示例
index.html
Check me to make text readonly: <input type="checkbox" ng-model="checked"><br/><input type="text" ng-readonly="checked" value="I'm Angular"/>protractor.js
it('should toggle readonly attr', Function() {
expect(element(by.css('[type="text"]')).getAttribute('readonly')).toBeFalsy();
element(by.model('checked')).click();
expect(element(by.css('[type="text"]')).getAttribute('readonly')).toBeTruthy();});