AngularJS ng-model directive

AngularJS ng-model directive

The Ng-model directive is used to bind application data to the value of the HTML controller (input, select, textarea).

<div ng-app= "myApp" ng-controller= "Myctrl" > Name: <input ng-model= "Name" ></div>
<script>
var app = Angular.module (' myApp ', []);
App.controller (' Myctrl ', function ($scope) {
$scope. Name = "John Doe";
});
</script>

Two-way binding

Bidirectional binding, the value of the AngularJS property is also modified when the value of the input field is modified:

<div ng-app= "myApp" ng-controller= "Myctrl" > Name: <input ng-model= "Name" >

Validating user input

<Formng-app=" " name= "myForm">
Email:
<input type="email" name= "myAddress" ng-model="text">
<span ng-show="myform.myaddress. $error. Email"> not a legitimate email address </span >
</form>

In the above example, the prompt information is ng-show true displayed in the case where the property is returned.

Application Status

AngularJS ng-model directive