Para ilustrar cómo AngularJS mejora el HTML estándar, primero crearemos una plantilla de página HTML estática y luego convertiremos esta plantilla de página HTML estática en una plantilla AngularJS que se puede mostrar dinámicamente.
En este paso, agregamos la información básica de dos teléfonos a la página HTML y restablecemos el directorio de trabajo al paso 1 con el siguiente comando.
git checkout -f paso -1
Edite el archivo app/index.html, agregue el siguiente código al archivo index.html y luego ejecute la aplicación para ver el efecto.
app/index.html
<ul> <li> <span> nexus s </span> <p> rápido acaba de ser más rápido con Nexus S. </p> </li> <li> <span> Motorola Xoom ™ con Wi-Fi </span> <p> La siguiente tableta de próxima generación. </p> </li> </ul>
práctica
Intente agregar múltiples código HTML estático a index.html, por ejemplo:
<p> Número total de teléfonos: 2 </p>
Resumir
Este paso agrega una lista de teléfono HTML estática a la aplicación, ahora vamos al paso 2 para comprender cómo generar dinámicamente la misma lista usando AngularJS.
Lo anterior es la información que clasifica la plantilla estática de Angularjs. Continuaremos agregando información relevante en el futuro. ¡Gracias por su apoyo para este sitio!