Publicado em

Começando com Angular JS

Estes exemplos estão no site oficial do Angular JS e depois se quiser ler mais, e só clicar no link no final da matéria.

Exemplo 01: Olá Brasil

  1. <!doctype html>
  2. <html ng-app>
  3. <head>
  4. <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0-beta.3/angular.min.js“></script>
  5. </head>
  6. <body>
  7. <div>
  8. <label>Nome:</label>
  9. <input type=”text” ng-model=”nome” placeholder=”Enter a name here”>
  10. <hr>
  11. <h1>Olá Brasil {{nome}}!</h1>
  12. </div>
  13. </body>
  14. </html>

 

Observe na linha 2 a Diretiva: ng-app, aqui que ativa o poderes do Angular JS, sem ele nada funciona o DataBind do FrameWork que é o seu forte, logo com mais leitura você vai entender melhor, mais é só você fazer este primeiro exercício que vai compreender.

na linha 4 tem o CDN da biblioteca do Angular JS.

E na linha 9 tem outra Diretiva: ng-model onde você ira digitar e automaticamente vai aparecer o que você digitar na linha 11. Isso que é o DataBind que liga uma variável (ou objeto) a outra, a algum elemento do documento html.

Site de referência, clique aqui.