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.
La copia del código es la siguiente:
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
La copia del código es la siguiente:
<ul>
<li>
<span> nexus s </span>
<p>
Fast 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:
La copia del código es la siguiente:
<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.