O que é AngularJS?


Angular

AngularJS permite estender HTML com atributos HTML chamados diretivas

As diretivas AngularJS oferecem funcionalidade para aplicativos HTML

AngularJS fornece diretivas internas e diretivas definidas pelo usuário


Diretivas AngularJS

AngularJS usa chaves duplas {{ }}como espaços reservados para dados.

As diretivas AngularJS são atributos HTML com o prefixo ng-

A ng-appdiretiva inicializa um aplicativo AngularJS.

A ng-initdiretiva inicializa os dados do aplicativo.

Exemplo

<div ng-app="" ng-init="message='Hello AngularJS!'">
  <h1>{{ message }}</h1>
</div>


A diretiva de modelagem

A ng-modeldiretiva vincula o valor dos elementos HTML aos dados do aplicativo.

Exemplo

<div ng-app="" ng-init="firstName='John'">

<p>Name: <input type="text" ng-model="firstName"></p>
<p>You wrote: <b>{{firstName}}</b></p>

</div>

A diretiva ng-bind

A ng-binddiretiva vincula dados a um modelo.

Exemplo

<div ng-app="" ng-init="firstName='John'">

<p>Name: <input type="text" ng-model="firstName"></p>
<p>You wrote <b ng-bind="firstName"></b></p>

</div>

Tutorial completo de AngularJS

Esta foi uma breve descrição do AngularJS.

Para um tutorial completo do AngularJS, vá para W3Schools AngularJS Tutorial .

Para uma referência completa do AngularJS, vá para W3Schools AngularJS Reference .