¿Qué es AngularJS?


Angular

AngularJS le permite extender HTML con atributos HTML llamados directivas

Las directivas de AngularJS ofrecen funcionalidad a las aplicaciones HTML

AngularJS proporciona directivas integradas y directivas definidas por el usuario


Directivas de AngularJS

AngularJS usa llaves dobles {{ }}como marcadores de posición para los datos.

Las directivas de AngularJS son atributos HTML con el prefijong-

La ng-appdirectiva inicializa una aplicación AngularJS.

La ng-initdirectiva inicializa los datos de la aplicación.

Ejemplo

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


La Directiva de modelado

La ng-modeldirectiva vincula el valor de los elementos HTML a los datos de la aplicación.

Ejemplo

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

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

</div>

La directiva ng-bind

La ng-binddirectiva vincula los datos a un modelo.

Ejemplo

<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 ha sido una breve descripción de AngularJS.

Para obtener un tutorial completo de AngularJS, vaya a W3Schools AngularJS Tutorial .

Para obtener una referencia completa de AngularJS, vaya a W3Schools AngularJS Reference .