AngularJS (3)

I. ANGULARJS instruction Model ng-model directive

The Ng-model directive binds HTML elements to application data.
Provides type validation (number, email, required) for application data.
Provides state for application data.
Provides a CSS class for HTML elements.
Binds HTML elements to an HTML form.

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

Two. ANGULARJS Instruction model Ng-model directive: two-way binding

When you modify the value of an input field, the value of the AngularJS property is also modified:

<div ng-app= "MyApp" ng-controller= "MYCC" >    name: <input ng-model= "name" >    
Three. Application of Angularjs
<div ng-app= "MyApp" ng-controller= "Myctrl" >    surname: <input type= "text" ng-model= "Xing" ><br>        name: <input type= "text" ng-model= "Ming" >        
Example Description:
Module (m): var app = Angular.module (' myApp ', []);
Controller (c): App.controller ("Myctrl", function ($scope) {})
View (V): is the HTML area
Four. Angularjs model
The Ng-model directive is used to bind application data to the value of the HTML controller (input, select, textarea).
The Ng-model directive binds the value of the input field to a variable created by AngularJS
<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 = "Huaguoshan Monkey King";}); </script>
AngularJS (3)