Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Destaque (13)
Semelhante a Angularjs Basics
Semelhante a Angularjs Basics (20)
Último
Último (20)
Angularjs Basics
- 5. Isn’t that all you need ?
- 6. • Pure JS (no JQuery) • MVC framework • Dependency Injection • There are no Observables objects/Properties • Encourage to write unit testable code
- 7. Basic Concepts • Model - application data • View - what the user sees • Controller - application behavior • Scope - glue between application data and behavior • $ - angular namespace ($$ is private ) • Module - configures the injector • Injector - assembles the application
- 9. Data Binding Write an interactive app without using custom JavaScript Few directives • Define data in the view itself ng-init • Initialize the application ng-app • Two way binding ng-model
- 10. Expressions {{ expression | filter }} expression - access variables and functions from the scope filter - formats the value of an expression for display to the user
- 12. Controllers • The UI Logic • Use of ng-controller
- 14. Services • View independent business logic • Share common logic across controllers • Lazily instantiated • Singletons • Built in services - $http, $compile, $q
- 16. References • https://www.youtube.com/watch?v=i9MHigUZKEM • https://docs.angularjs.org/guide/concepts • http://stackoverflow.com/questions/tagged/angula rjs
Notas do Editor
- Developed by Misko hevery , in three weeks
- google trends
- http://blog.stackoverflow.com/2014/02/2013-stack-overflow-user-survey-results/
- https://docs.angularjs.org/guide/concepts http://plnkr.co/edit/?p=preview <div ng-app ng-init="qty=1;cost=2"> <b>Invoice:</b> <div> Quantity: <input type="number" ng-model="qty" required > </div> <div> Costs: <input type="number" ng-model="cost" required > </div> <div> <b>Total:</b> {{qty * cost | currency}} </div> </div>
- https://docs.angularjs.org/guide/filter {{qty * cost | currency}}
- constructor function that creates the actual controller instance. The purpose of controllers is to expose variables and functionality to expressions and directives. http://plnkr.co/edit/lwlrMd66y8mQjzGZVWd2?p=preview
- https://docs.angularjs.org/guide/services
- https://docs.angularjs.org/guide/concepts#controller http://plnkr.co/edit/AZYwKmTv5P14vjNEGz0j?p=preview Angular 2.0- for future browsers Intergration with other libraries – kendo-angular Writing directives