Download as PDF, PPTX
![AngularJS Services
In Angular a service is a function or an object and is used to share data
and/or behavior across controllers, directives, filters, other services etc. A
service is treated as a singleton, that is there is only one instance of a
specific service available during the whole lifetime of the Angular
application. This is different from e.g. a controller of which many
instances can be created.
The easiest way is to use the Service recipe of an angular module.
var app = angular.module('app', []);
app.service('some-service', function(){…});
Other two methods/way to create service are:
1. The factory recipe
2.The provider recipe](https://image.slidesharecdn.com/angularjshps-150703224818-lva1-app6892/85/AngularJS-17-320.jpg)
![AngularJS Services
In Angular a service is a function or an object and is used to share data
and/or behavior across controllers, directives, filters, other services etc. A
service is treated as a singleton, that is there is only one instance of a
specific service available during the whole lifetime of the Angular
application. This is different from e.g. a controller of which many
instances can be created.
The easiest way is to use the Service recipe of an angular module.
var app = angular.module('app', []);
app.service('some-service', function(){…});
Other two methods/way to create service are:
1. The factory recipe
2.The provider recipe](https://image.slidesharecdn.com/angularjshps-150703224818-lva1-app6892/75/AngularJS-17-2048.jpg)
Uploaded byHiten Pratap Singh
AngularJS
The document outlines an agenda for a presentation on AngularJS that covers: 1. An introduction to AngularJS and its core features like two-way data binding, templates, and MVC architecture. 2. Explanations and examples of key AngularJS concepts like directives, expressions, forms, services, modules, routing, and scopes. 3. Discussions of AngularJS advantages like fast development and scalability, and disadvantages like complexity. 4. References for further learning and a question/answer session.
In this document
Powered by AI
Introduction to presenter Hiten Pratap Singh with links to GitHub and personal blog.
Introduction to AngularJS, highlighting its evolution from novice to professional level.
Detailed agenda covering key topics such as AngularJS features, controllers, directives, and more.
Continuation of agenda items including modules, routing, filters, advantages/disadvantages, references, and quizzes.
Definition of AngularJS as an open-source framework by Google for single-page applications focusing on MVC.
Four essential features: Two way data binding, Templates, MVC architecture, and Dependency Injection.
Explanation of two-way data binding in AngularJS and its importance in application development.
Description of templates as extended HTML used in AngularJS for model-view projection and data binding.
Overview of the Model View Controller (MVC) design pattern utilized in AngularJS applications.
Introduction to Dependency Injection concept in AngularJS and its role in simplifying app development.
Basic understanding of AngularJS workings and functionality introduced through a simple example.
A practical demonstration of a basic 'Hello World' application using AngularJS framework.
Introduction to AngularJS controllers and their function in handling business logic and data.
Overview of AngularJS directives and their roles in declaring elements, data binding, and controlling behavior.
Concept of expressions in AngularJS and their utility in data manipulation within the application.
Key AngularJS form properties like $valid, $invalid, $pristine, and $dirty for form validation.
Explanation of services in AngularJS for shared data/functions across various components in the app.
Introduction to AngularJS Modules and their significance in structuring the application.
Explanation of routing in AngularJS for navigating through different views/pages in single-page applications.
Overview of scope in AngularJS, its role in connecting controller and view for data binding.
Further insights on Dependency Injection in AngularJS and how to utilize it effectively.
Explanation of how to create filters in AngularJS to modify data displayed in applications.
Benefits of using AngularJS, including fast development, SPA support, performance, and scalability.
Challenges in using AngularJS including its complexity, suitability for applications, and learning curve.
List of resources for further reading and exploration of AngularJS concepts and its official documentation.
Open session for queries and discussions with the presenter Hiten Pratap Singh.
Introduction to a quiz involving the construction of an online contact manager similar to Google Contact.
More Related Content
AngularJS
- 1.
- 2. AngularJS from noviceto professional
- 3. Agenda 1. What isAngularJS? 2. Core features 3. It's working 4. How to start working with it? 5. Controller 6. AngularJS directives 7. Expression 8. Forms 9. Services
- 4. Agenda 10. Modules 9. Routing 10.Scope 11. Dependency Injection 12. Filters 13. Advantages and disadvantages 14. References 15. Q/A 16. Quiz
- 5. What's AngularJS? AngularJS (commonlyreferred to as "Angular") is an open-source web application framework maintained by Google to address many of the challenges encountered in developing single-page applications. It aims to simplify both the development and the testing of such applications by providing a framework for client-side model–view–controller (MVC) – As per Wikipedia.
- 6. Core features 1.Two waydata binding 2.Templates 3.Model view controller(MVC) 4.Dependency Injection
- 7. Two Way DataBinding
- 8. Templates In AngularJS,a template is just plain-old-HTML. The HTML vocabulary is extended, to contain instructions on how the model should be projected into the view. The HTML templates are parsed by the browser into the DOM. The DOM then becomes the input to the AngularJS compiler. AngularJS traverses the DOM template for rendering instructions, which are called directives. Collectively, the directives are responsible for setting up the data-binding for your application view.
- 9. Model View Controller(MVCor MVVC)
- 10.
- 11.
- 12. Hello World -AngularJS
- 13.
- 14. AngularJS Directives ng-app:Declares an element as root element ng-bind: Automatically changes the text of HTML element ng-model: Similar to ng-bind but allow two way binding ng-class: Allow class attribute to be dynaically loaded ng-controller: Specifies javascript controller class ng-repeat: Instantiate an element once per item from a collection ng-show & ng-hide: Conditionally show or hide an element ng-switch: Conditionally instantiate one template from a list ng-view: Rendering templates driven by specific controllers ng-if: Simple if-else attribute that we know from ever!
- 15.
- 16. Angular Form Properties$valid, $invalid, $pristine, $dirty Angular also provides classes on the form and its inputs so that you can style each state accordingly.
- 17. AngularJS Services In Angulara service is a function or an object and is used to share data and/or behavior across controllers, directives, filters, other services etc. A service is treated as a singleton, that is there is only one instance of a specific service available during the whole lifetime of the Angular application. This is different from e.g. a controller of which many instances can be created. The easiest way is to use the Service recipe of an angular module. var app = angular.module('app', []); app.service('some-service', function(){…}); Other two methods/way to create service are: 1. The factory recipe 2.The provider recipe
- 18.
- 19.
- 20.
- 21. AngularJS Dependency Injection AngularJShas a built-in dependency injection subsystem that helps the developer by making the application easier to develop, understand, and test. Dependency Injection (DI) allows you to ask for your dependencies, rather than having to go look for them or make them yourself. Think of it as a way of saying "Hey I need X', and the DI is responsible for creating and providing it for you. To gain access to core AngularJS services, it is simply a matter of adding that service as a parameter; AngularJS will detect that you need that service and provide an instance for you.
- 22. AngularJS Filters Angular exposesa simple API for creating a filter. Just as you would declare a controller with app.controller(‘myCtrl', function(){});, you can create a new filter by appending .filter(‘filterName', function(){}) to your Angular app.
- 23. AngularJS Advantages Superfast development Makes developing SPA easy Awesome performance Make apps scalable Data binding and DOM manipulation
- 24. AngularJS Disadvantages Goodfor I/O driven apps only(not games) Angular is big and complicated. With multiple ways to do the same thing it is hard to tell which way is better for particular task. The lifecycle of Angular application is complex, and to master it you really need to read the code.
- 25. References AngularJS Docs(https://docs.angularjs.org/tutorial) AngularJS API Reference(https://docs.angularjs.org/api) AngularJS Code School(http://angular.codeschool.com/) ng-newsletter(http://www.ng-newsletter.com/books/)
- 26. Discussion Session QUERIES ? HitenPratap Singh http://github.com/hitenpratap http://hprog99.wordpress.com
- 27. Quiz Time Anyone haveany suggestons about what it should be? If no then We'll build an online contact manager just like Google Contact.