डाउनलोड पी.डी.एफ. ई-बुक्स
AJS - Directives ng-required

ng-required directive ये HTML Element पर required attribute को set करने के लिए इस्तेमाल किया जाता है |

ng-required directive पर दिया हुआ expression 'true' होता है तो required attribute को element पर set किया जाता है |

ये directive <input>, <textarea> और <select> इन elements के लिए इस्तेमाल किया जाता है |


Syntax for ng-required Directive in AngularJS

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

ng-required Attribute's Parameters in AngularJS

expression : यहाँ पर expression दिया जाता है |


Example for ng-required Directive using String in AngularJS

Source Code :
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>
<body>

<div ng-app="">
<form name="Form">

<input type="checkbox" ng-model="myVar" />{{myVar}}<br />

Input1 : <input name="name1" ng-model="myInput1" ng-required="myVar" /><br />
Input2 : <input name="name2" ng-model="myInput2" ng-required="myVar" />

<p ng-if="Form.name1.$invalid">Error : Input1 is Empty</p>
<p ng-if="Form.name2.$invalid">Error : Input2 is Empty</p>

</form>
</div>

</body>
</html>
Output :
{{myVar}}
Input1 :
Input2 :

Error : Input1 is Empty

Error : Input2 is Empty