View source Improve this doc

ngDisabled
directive in module ng

Description

The following markup will make the button enabled on Chrome/Firefox but not on IE8 and older IEs:

<div ng-init="scope = { isDisabled: false }">
 <button disabled="{{scope.isDisabled}}">Disabled</button>
</div>

The HTML specification does not require browsers to preserve the values of boolean attributes such as disabled. (Their presence means true and their absence means false.) This prevents the Angular compiler from retrieving the binding expression. The ngDisabled directive solves this problem for the disabled attribute.

Usage

as attribute
<INPUT ng-disabled="{expression}">
   ...
</INPUT>

Parameters

ParamTypeDetails
ngDisabledexpression

If the expression is truthy, then special attribute "disabled" will be set on the element

Example

Source





Demo