Sunday, May 24, 2020

Primeiros passos com Angular


Ferramentas necessárias:

1) Node.js
2) Visual Studio Code ou outro editor
3) https://cli.angular.io/
4) npm install -g @angular/cli@6.0.7
5) ng --version 


6) ng new alurapic


7) cd alurapic

Para subir um servidor local:
8) ng serve --open   
Se ocorrer erro:
ERROR in node_modules/rxjs

Digite o comando (obs.: você deve estar dentro da pasta alurapic):
npm install rxjs@6.0.0 --save

digite novamente: ng serve --open 




9) Visão geral da infraestrutura no visual studio code:

O primeiro componente da aplicação a ser carregado é o app-root:


O que equivale ao app.component.ts:


Sua apresentação está em templateUrl, que é ./app.component.html, pasta em que se encontra o arquivo .ts. (Veja linha 5 da figura acima).

10) Data binding (associação de dados): é como se o angular "sugasse" os dados:



11) Angular Expression (AE):


Double curly brackets (ou colchetes duplos)





No comments:

Post a Comment