11+ Year IT Industry Experience, Working as Technical Lead with Capgemini | Consultant | Leadership and Corporate Trainer | Motivational and Technical Speaker | Career Coach | Author | MVP | Founder Of RVS Group | Trained more than 4000+ IT professionals | Azure | DevOps | ASP.NET | C# | MVC | WEB API | ANGULAR | TYPESCRIPT | MEAN | SQL | SSRS | WEB SERVICE | WCF... https://bikeshsrivastava.blogspot.in/ http://bikeshsrivastava.com/

What is AngularJs? One way data binding

AngularJS is a structural framework for dynamic web apps and single page application. It lets you use HTML as your template language and lets you extend HTML's syntax to express your application's components clearly and succinctly. Angular's data binding and dependency injection eliminate much of the code you would otherwise have to write.
Note:-Angularjs follow MVC pattern.
Basic Example of one way data binding:-
Step 1:-Create simple HTML page.
Step 2:-Include AngularJs library  to support Angularjs in your application inside head tag with script tag.
or /use CDN URL:-<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.5/angular.min.js"></script>
Step 3:-Run your html page.
<!DOCTYPE html>
<html>
<head>
<script src="angular.js"></script>
</head>
<body ng-app ng-init="firstName = 'Bikesh'; lastName = 'Srivastava';">
<strong>First name:</strong> {{firstName}}<br />
<strong>Last name:</strong> <span ng-bind="lastName"></span>
</body>
</html>
Description:-
Each HTML ascribe particular to AngularJS is called mandate and has a particular part in an AngularJS application. 
We say that the HTML page is a format since it's not the last form of what will be rendered by the web program and obvious to the client, however it's indeed simply the structure of the website page before it's prepared by AngularJS. 
The ng-application order denote the DOM component that contains the AngularJS application. 
We introduce a few variables firstName and lastName through the ng-init order. 
An information tying can be determined in two unique ways: 
with wavy supports:  
with the ng-tie mandate: ng-bind="varName" 
We're stating one way information tying on the grounds that the model qualities (here the variables speak to the model) are consequently relegated to the HTML placeholder components indicated through the information tying documentation, however the HTML components don't change the qualities in the model (restricted).
You have just read an article that categorized by title AngularJs by title What is AngularJs? One way data binding. You can bookmark this page with a URL https://bikeshsrivastava.blogspot.com/2016/01/waht-is-angularjs.html. Thank You!
Author: Bikesh Srivastava - Friday, January 15, 2016

3 comments to "What is AngularJs? One way data binding"

Life Is Complicated, But Now programmer Can Keep It Simple.