?
Dieses Dokument verwendet PHP-Handbuch für chinesische Websites Freigeben
下面的標記會讓按鈕在Chrome/Firefox下有效,但是在IE8及以前的版本除外:
<div ng-init="scope = { isDisabled: false }">
<button disabled="{{scope.isDisabled}}">Disabled</button></div>
HTML規(guī)范不要求瀏覽器對布爾型屬性必須給出值,例如disabled (它們存在表示true,不存在表示false)。如果我們放置了一個Angular動態(tài)表達式到這樣的屬性上,在瀏覽器刪除屬性時綁定信息將會丟失。 ngDisabled
指令解決了 disabled
屬性存在的這個問題。這個指令不會被瀏覽器刪除,并提供了一個永久的可靠的地方存放綁定信息。
<INPUT
ng-disabled="">
...
</INPUT>
參數 | 類型 | 詳述 |
---|---|---|
ngDisabled | expression | 如果表達式為真, 指定的屬性“disabled”會被設到元素上。 |
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();});