Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
ANGULAR
COMPONENT
STYLE
JOSÉ BARBOSA
@kidchenko
@lambdatres
Acompanhe
nosso
podcast:
http://blog.lambda3.com.br/category/p
odcast
José Barbosa | @kidchenko
• Programador;
• NET Core <3;
• ASP .NET Core <3;
• Azure <3;
• Docker <3;
• VSTS <3;
• Azure Co...
$onInit
Using $onInit
$postLink
Using $postLink
$onChanges
$onDestroy
.directive() to .component()
Function to Object, method name change
“scope” and “bindToController”, to “bindings”
Controller and controllerAs changes
$ctrl
Template
Stateless components
https://toddmotto.com/exploring-the-
angular-1-5-component-method/
Referências
• https://toddmotto.com/exploring-the-angular-1-5-component-
method/
• https://toddmotto.com/angular-1-5-lifec...
Referências
• https://www.youtube.com/watch?v=AMwjDibFxno
• http://angular-tips.com/blog/2015/06/using-angular-1-dot-x-wit...
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Angular 1.5 Components
Upcoming SlideShare
Loading in …5
×

Angular 1.5 Components

722 views

Published on

Palestra usada no meetup AngularJS SP.

Componentes com angular.
Angular 1.5 component
Todd Motto angular components
Todd Motto angular styleguide

https://docs.angularjs.org/guide/component

Published in: Software
  • Be the first to comment

Angular 1.5 Components

  1. 1. ANGULAR COMPONENT STYLE JOSÉ BARBOSA @kidchenko @lambdatres
  2. 2. Acompanhe nosso podcast: http://blog.lambda3.com.br/category/p odcast
  3. 3. José Barbosa | @kidchenko • Programador; • NET Core <3; • ASP .NET Core <3; • Azure <3; • Docker <3; • VSTS <3; • Azure Container Services <3; • ALM & DevOps <3
  4. 4. $onInit
  5. 5. Using $onInit
  6. 6. $postLink
  7. 7. Using $postLink
  8. 8. $onChanges
  9. 9. $onDestroy
  10. 10. .directive() to .component()
  11. 11. Function to Object, method name change
  12. 12. “scope” and “bindToController”, to “bindings”
  13. 13. Controller and controllerAs changes
  14. 14. $ctrl
  15. 15. Template
  16. 16. Stateless components
  17. 17. https://toddmotto.com/exploring-the- angular-1-5-component-method/
  18. 18. Referências • https://toddmotto.com/exploring-the-angular-1-5-component- method/ • https://toddmotto.com/angular-1-5-lifecycle-hooks • https://toddmotto.com/stateless-angular-components/ • https://github.com/toddmotto/angular-1-5-components-app • https://toddmotto.com/rewriting-angular-styleguide-angular-2 • http://www.slideshare.net/morewry/creating-gui-container- components-in-angular-and-web-components • http://www.slideshare.net/morewry/static-copy-of-reusable- components-in-angular-jan-2015-for-pdf-44052023
  19. 19. Referências • https://www.youtube.com/watch?v=AMwjDibFxno • http://angular-tips.com/blog/2015/06/using-angular-1-dot-x-with- es6-and-webpack/

×