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

ng-model directive; Scope में Variable पर Form Elements(<input>,<textarea>, <select>) को bind करने के लिए इस्तेमाल किया जाता है |


Syntax for ng-model Directive in AngularJS

<element ng-model="name">
</element>

ng-model Attribute's Parameters in AngularJS

name : यहाँ पर Form element पर कुछ bind करने के लिए यहाँ पर name दिया जाता है |


Example for ng-model 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="app" ng-controller="ctrl">

Name : <input type ng-model="myname"><br />
Name is {{myname}}

</div>

<script type="text/javascript">
var myapp = angular.module('app', []);
myapp.controller('ctrl', function($scope) {
    $scope.myname = "UD";
});
</script>

</body>
</html>
Output :
Name :
Name is {{myname}}

Another Example for ng-model 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="">

Enter Number1 : <input ng-model="num1"><br />
Enter Number2 : <input ng-model="num2"><br />
Multiplicaion : {{num1*num2}}

</div>

</body>
</html>