©
This document uses PHP Chinese website manual Release
HTML规范不要求浏览器对布尔型属性必须给出值,例如readonly(它们存在表示true,不存在表示false)。 如果我们放置了一个Angular动态表达式到这样的属性上,在浏览器删除属性时绑定信息将会丢失。 ngReadonly
指令解决了readonly
属性的这个问题。这个指令不会被浏览器删除,并提供了一个永久的可靠的地方存放绑定信息。
<INPUT
ng-readonly="">
...
</INPUT>
参数 | 类型 | 详述 |
---|---|---|
ngReadonly | expression | 如果表达式为真, 指定的属性"readonly" 会被设到元素上。 |
Check me to make text readonly: <input type="checkbox" ng-model="checked"><br/><input type="text" ng-readonly="checked" value="I'm Angular"/>
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();});