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 Container Services <3; • ALM & DevOps <3
$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-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
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/

Angular 1.5 Components

Editor's Notes

  • #7 Componentes são uma estrutura modular Representa uma unidade