AngularJS mais simples do mundo

Chega de teoria! #1

Continuando a saga para nos familiarizar com o AngularJS. A missão de hoje é aprender conceitos e utilização sobre Distribuição/Referências. Vamos lá:

A primeira coisa que devemos que fazer para usar a biblioteca. Para quem já conhece o jQuery irá absorver facilmente. (AngularJS não substitui o jQuery).

Então, para indicar a page HTML, na seção head aponte as referência a AngularJS.

CDN

Podemos usar a distribuição CDN do Google e definir a tag script:

Site

Uma outra opção é baixar o JS no site oficial AngularJS.

No mundo .NET, utilize o Nuget para incluir uma referência AngularJS ao projeto.

Agora podemos embutir na página web via tag script.

Pronto! agora já podemos usar as diretivas AngularJS, que nada mais são do que elementos HTML, especificando tags HTML que possuem um comportamento desejado.

Observações

Veja alguns pontos importantes:

Ao realizar o parse do doc HTML no browser, o framework busca essas diretivas transformando-as para que tenham o comportamento desejado.

Para criar APPs AngularJS utilize um bloco de notas ou outro editor de sua preferência.

Pronto! Agora temos um doc Html/Angular criada. Agora é só compilar e testar o APP.

O jogo continua.

Missão cumprida!