Estendendo o HTML com diretivas AngularJS

Palestra realizada na UNDB no dia 28 de março de 2015

Transcript

1. estendendo o html com diretivas AngularJS Um exemplo de como construir aplicações HTML componentizadas
2. /apresentação Evaldo Barbosa Analista de Sistemas Presidente do PHP Maranhão Membro da diretoria da ABRAPHP
3. /estabelecendo_o_problema Uma todo list Um problema, alguns dados e dois componentes.
4. /estabelecendo_o_problema Uma todo list Um problema, alguns dados e dois componentes. <todo-list title=”Título da lista”> <task title=”Task” done=”boolean” blocked=”boolean”> </todo-list>
5. /dependencias Bower.json Preparando o campo para o jogo bower install –save angular font-awesome bootstrap bower init
6. /meio_de_campo O módulo e o controller Um controller simples: basicamente dados. /app/app.js
7. /html Template das diretivas Como usar as diretivas na página /app/view/todo-list.html /app/view/task.html
8. /implementação Criando as diretivas Como chamaremos a diretiva no HTML Restrict
9. /implementação Criando as diretivas Qual a forma de implementar o HTML da diretiva Template e TemplateUrl
10. /implementação Criando as diretivas Substitui o HTML da tag pelo do template Replace
11. /implementação Criando as diretivas Reserva uma área do template para receber dados da chamada Transclude
12. /implementação Criando as diretivas Interceptando dados e alterando a saída Link
13. /github O repositório O código e as referências https://github.com/evaldobarbosa/diretivasAngularjs Pronto para deploy README com referências
14. Obrigado Perguntas?
15. br.linkedin.com/in/evaldobarbosa github.com/evaldobarbosa twitter.com/evaldobarbosa facebook.com/evaldo.barbosa.902