AngularJS Tutorial
AngularJs
AngularJs is a MVVM framework that help to create MVC and Single Page Applications (SPA) and use to developed dynamic web apps. AngularJS will be maintained and developed by Google Inc. AngularJs supported to MVVM and stands for Model-View-Whatever.
AngularJs is a structural framework for dynamic web apps. 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.
Basics of AngularJS
Directives, Expressions, Filters, Modules, and Controllers.
AngularJS is an open source web application framework. It was originally developed in 2009 by Misko Hevery and Adam Abrons.
It is now maintained by Google.
latest version is 1.4.8.
Advantages
- Model View Controller pattern,Less Coding,Two-way data binding,More Extensive User Interface,Template and Custom directive,Dynamic page Linking,Validations.
- Core Features :
- Data-binding
- Controller
- Services
- Scope
- Filters
- Directives
- Model View Controller
- Dependency Injection
- Deep Linking
The AngularJS Components
1.ng-app - AngularJS application to HTML.
2.ng-model - AngularJS application data to HTML input controls.
3.ng-bind - AngularJS Application data to HTML tags.
Use AngularJs
http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js
<html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="your ng-app name">
<p> <input type="text" ng-model="your ng-modal"></p>
<h3>{{your ng-modal}}</h3>
</div>
</body>
</html>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="your ng-app name">
<p> <input type="text" ng-model="your ng-modal"></p>
<h3>{{your ng-modal}}</h3>
</div>
</body>
</html>
0 comments:
Post a Comment