AngularJs ng-model
AngularJs ng-model directive : AngularJs ng-model directive is used to associate the Html controls (variables) with the application
Syntax : AngularJs ng-model
<div ng-app = ''>
<div ng-app="" ng-init="a=9;b=10" >
<p>Enter value of a <input type='text' ng-model= 'a'></p>
<p>Enter value of a <input type='text' ng-model= 'b'></p>
<p>Multiplication of aXb = {{a*b}}</p>
</div>
</div>
Note you can give your ng-app name.
Let us understand with simple example
Example 1
<!DOCTYPE html>
<html lang="en">
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.min.js"></script>
</head>
<body>
<div ng-app="" ng-init="a=9;b=10" >
<p>Enter value of a <input type='text' ng-model= 'a'></p>
<p>Enter value of a <input type='text' ng-model= 'b'></p>
<p>Multiplication of aXb = {{a*b}}</p>
</div>
</body>
</html>
|
Advertisements
