Pour illustrer comment AngularJS améliore le HTML standard, nous créerons d'abord un modèle de page HTML statique, puis convertirons ce modèle de page HTML statique en un modèle angularjs qui peut être affiché dynamiquement.
Dans cette étape, nous ajoutons les informations de base de deux téléphones à la page HTML et réinitialisons le répertoire de travail à l'étape 1 avec la commande suivante.
La copie de code est la suivante:
Git Checkout -F Étape-1
Veuillez modifier le fichier app / index.html, ajoutez le code suivant dans le fichier index.html, puis exécutez l'application pour afficher l'effet.
app / index.html
La copie de code est la suivante:
<ul>
<li>
<span> Nexus S </span>
<p>
Fast est devenu plus rapide avec Nexus S.
</p>
</li>
<li>
<Span> Motorola Xoom ™ avec Wi-Fi </span>
<p>
La prochaine tablette de prochaine génération.
</p>
</li>
</ul>
pratique
Essayez d'ajouter plusieurs code HTML statique sur index.html, par exemple:
La copie de code est la suivante:
<p> Nombre total de téléphones: 2 </p>
Résumer
Cette étape ajoute une liste de téléphones HTML statique à l'application, passons maintenant à l'étape 2 pour comprendre comment générer dynamiquement la même liste à l'aide d'AngularJS.