Siga los pasos a continuación para crear una aplicación AngularJS
Paso 1: Cargando el marco
Como marco de JavaScript puro, se puede agregar usando la etiqueta <Script>.
<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script>
Paso 2: Defina la aplicación AngularJS utilizando la Directiva NG-APP
<div ng-app = ""> ... </div>
Paso 3: el nombre del patrón definido con la directiva del modelo NG
<p> Ingrese su nombre: <input type = "text" ng-model = "name"> </p>
Paso 4: use la directiva NG-Bind para unir la definición de valor en el modelo anterior
<p> hello <span ng-bind = "name"> </span>! </p>
Siga los pasos a continuación para ejecutar la aplicación AngularJS
Use los tres pasos mencionados anteriormente en la página HTML.
testangularjs.html
<html> <title> Angularjs Primera aplicación </title> <body> <h1> Aplicación de muestra </h1> <div ng-app = ""> <p> mi nombre: <input type = "text" ng-model = "name"> </p> <p> hello, <span ng-bind = "name"> </span>! </p> </iv> <script. src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.2.15/angular.min.js"> </script> </body> </html>
Producción
Abra textangularjs.html en un navegador web. Ingrese su nombre y vea los resultados.
Cómo integrar AngularJS con HTML
La Directiva NG-APP indica el inicio de la aplicación AngularJS.
La Directiva NG-Model crea una variable modelo llamada "Nombre" en la página HTML, y tiene la directiva NG-APP utilizada en el Div.
NG-Bind usa el nombre del modelo siempre que el usuario ingrese algo en el cuadro de texto se muestra en la etiqueta HTML SPAN.
La etiqueta End </iv> indica el final de la aplicación AngularJS.
Lo anterior es la aplicación simple AngularJS. Continuaremos organizando información relevante en el futuro. Gracias por su apoyo a este sitio web.