Introducción a AngularJS

AngularJS es un framework JavaScript. Se puede agregar a una página HTML con una etiqueta <script>.
AngularJS extiende los atributos HTML con directivas, y enlaza los datos con expresiones HTML.

AngularJS es un framework JavaScript

AngularJS es un framework JavaScript. Es una biblioteca escrita en JavaScript.
AngularJS se distribuye como un archivo JavaScript y se puede agregar a una página web con una etiqueta de script: 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>

AngularJS extiende HTML

AngularJS extiende HTML con ng-directives, algunas de estas son:
  • Directiva ng-app define una aplicación AngularJS.
  • Directiva ng-model vincula el valor de los controles HTML (input, select, textarea) con la información de la aplicación
  • Directiva ng-bind vincula la información de la aplicación con la vista HTML.

Ejemplo:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>YARR Angular</title>
        <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
    </head>
    <body>
        <div ng-app="">
            <p>Ingrese su nombre: <input type="text" ng-model="name" /></p>
            <p ng-bind="name"></p>
        </div>
    </body>
</html>
Breve explicación:
  • AngularJS se inicia automáticamente cuando la página web se ha cargado.
  • La directiva ng-app indica 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 en la aplicación.
  • La directiva ng-bind une el innerHTML del elemento <p> al nombre de la variable en la aplicación.

0 comentarios:

Publicar un comentario