Categories: AngularJs

Models – AngularJS

Using ng-model directive you bind value of input controls to the application data.

[html]

My Name:



[/html]

Validating Input using ng-model:
ng-model can be used to validate user input values.

[html]

[/html]

You can get status of application data using ng-model directive.

[html]

[/html]

ng-model provides css according to status.

[html]

[/html]

Given classes can be applied using ng-model directive.
ng-empty
ng-not-empty
ng-touched
ng-untouched
ng-valid
ng-invalid
ng-dirty
ng-pending
ng-pristine

Data Binding:

In AngularJS, data is synchronized between HTML view and model. This synchronization is called Data Binding. This is two way binding. Means, as soon as value of HTML controller is changed, it is reflected in view. And when value of HTML view changes, it is updated in the model.

jeff77

Disqus Comments Loading...
Share
Published by
jeff77

Recent Posts

Noun

A Noun is the name of a person, place or thing. or Name of anything is noun. For example: Sita…

10 years ago

Introduction – AngularJS

Misko Hevery, a Google employee, developed AngularJS. First version 1.0 of AngularJS was released in 2012. Now AngularJS is fully…

9 years ago

Expressions – AngularJS

AngularJS expressions contain operators,literals, and variables.  AngularJS expressions can be written inside HTML while JavaScript expressions can't be.  AngularJS expressions…

9 years ago

Noun – Exercise

Some sentences are given below. Choose the nouns and mention the type of noun whether they are proper noun, common…

9 years ago

Modules – AngularJS

Modules are containers for appication controller. They contain different parts of an application. [html] {{ state + " " +…

9 years ago

Directives – AngularJS

Using Directives you can extend HTML attributes. In AngularJS you can define your own directives while it has its own…

9 years ago