tutorial angularjs - episódio 5 - diretivas

12
Tutorial AngularJS Episódio 05 Diretivas

Upload: jose-naves-moura-neto

Post on 01-Jul-2015

569 views

Category:

Technology


0 download

DESCRIPTION

Tutorial AngularJS - episódio 5 - diretivas

TRANSCRIPT

Page 1: Tutorial AngularJS - episódio 5 -  diretivas

Tutorial AngularJSEpisódio 05Diretivas

Page 2: Tutorial AngularJS - episódio 5 -  diretivas

O que são diretivas?

Diretivas são como Angular dá superpoderesao browser.

Page 3: Tutorial AngularJS - episódio 5 -  diretivas

Principais diretivas● ng-app● ng-controller● ng-bind● ng-model● ng-repeat● ng-show● ng-hide● ng-click

Page 4: Tutorial AngularJS - episódio 5 -  diretivas

Diretiva ng-app

Usada para fazer o bootstrap de sua aplicação.

Page 5: Tutorial AngularJS - episódio 5 -  diretivas

Diretiva ng-controller

Define um controller para o trecho de código.

Page 6: Tutorial AngularJS - episódio 5 -  diretivas

Diretiva ng-bind

O mesmo que {{var}}

Page 7: Tutorial AngularJS - episódio 5 -  diretivas

Diretiva ng-model

“Amarra” uma campo input a uma propriedade do controller.

Page 8: Tutorial AngularJS - episódio 5 -  diretivas

Diretiva ng-repeat

Itera sobre um array (for each).

Page 9: Tutorial AngularJS - episódio 5 -  diretivas

Diretiva ng-show

Deixa visível um elemento de acordo com uma expressão booleana.

Page 10: Tutorial AngularJS - episódio 5 -  diretivas

Diretiva ng-hide

Esconde um elemento de acordo com o valor de uma expressão booleana.

Page 11: Tutorial AngularJS - episódio 5 -  diretivas

Diretiva ng-click

Define o comportamento que um clique terá.

Page 12: Tutorial AngularJS - episódio 5 -  diretivas

http://plnkr.co/1RSHJh