Latest web development tutorials
 

AngularJS ng-required Directive


Example

Make the input field required:

Required:
<input type="checkbox" ng-model="myVar">

<input name="myInput" ng-model="myInput" ng-required="myVar">
Try it Yourself »

Definition and Usage

The ng-required directive sets the required attribute of a form field (input or textarea).

The form field will be required if the expression inside the ng-required attribute returns true.

The ng-required directive is necessary to be able to shift the value between true and false. In HTML, you cannot set the required attribute to false (the presence of the required attribute makes the element required, regardless of it's value).


Syntax

<input ng-required="expression"></input>

Supported by <input>, <select>, and <textarea> and other editable elements


Parameter Values

Value Description
expression An expression that will set the required attribute if it returns true.