AngularJS

AngularJS
Sutil Web Librerías / Bibliotecas / Frameworks

AngularJS

AngularJS es un marco de JavaScript escrito en JavaScript. AngularJS se distribuye como un archivo JavaScript y se puede agregar a una página web con una etiqueta de secuencia de comandos:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

AngularJS extiende HTML con directivas ng. La directiva ng-app define una aplicación AngularJS. La directiva ng-model vincula el valor de los controles HTML (entrada, selección, área de texto) a los datos de la aplicación. La directiva ng-bind vincula los datos de la aplicación a la vista HTML.

Ejm

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="">
  <p>Name: <input type="text" ng-model="name"></p>
  <p ng-bind="name"></p>
</div>

</body>
</html>

Ejemplo explicado:

  • AngularJS se inicia automáticamente cuando se carga la página web.
  • La directiva ng-app le dice a AngularJS que el elemento <div> es el «propietario» de una aplicación AngularJS.
  • La directiva ng-model vincula el valor del campo de entrada al nombre de la variable de la aplicación.
  • La directiva ng-bind vincula el contenido del elemento <p> al nombre de la variable de la aplicación.