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>

Try it »


User Ans/Comments

📖 Read More


Advertisements