?
Ce document utilise Manuel du site Web PHP chinois Libérer
下面的標(biāo)記會(huì)讓按鈕在Chrome/Firefox下有效,但是在IE8及以前的版本除外:
<div ng-init="scope = { isDisabled: false }">
<button disabled="{{scope.isDisabled}}">Disabled</button></div>
HTML規(guī)范不要求瀏覽器對(duì)布爾型屬性必須給出值,例如disabled (它們存在表示true,不存在表示false)。如果我們放置了一個(gè)Angular動(dòng)態(tài)表達(dá)式到這樣的屬性上,在瀏覽器刪除屬性時(shí)綁定信息將會(huì)丟失。 ngDisabled
指令解決了 disabled
屬性存在的這個(gè)問題。這個(gè)指令不會(huì)被瀏覽器刪除,并提供了一個(gè)永久的可靠的地方存放綁定信息。
<INPUT
ng-disabled="">
...
</INPUT>
參數(shù) | 類型 | 詳述 |
---|---|---|
ngDisabled | expression | 如果表達(dá)式為真, 指定的屬性“disabled”會(huì)被設(shè)到元素上。 |
Click me to toggle: <input type="checkbox" ng-model="checked"><br/>
<button ng-model="button" ng-disabled="checked">Button</button>
it('should toggle button', Function() {
expect(element(by.css('button')).getAttribute('disabled')).toBeFalsy();
element(by.model('checked')).click();
expect(element(by.css('button')).getAttribute('disabled')).toBeTruthy();});