Pour illustrer comment AngularJS améliore le HTML standard, nous allons d'abord créer un modèle de page HTML statique, puis convertir 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.
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
<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 tablette suivante et prochaine. </p> </li> </ul>
pratique
Essayez d'ajouter plusieurs code HTML statique sur index.html, par exemple:
<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.
Ce qui précède est l'information triant le modèle statique d'AngularJS. Nous continuerons d'ajouter des informations pertinentes à l'avenir. Merci pour votre soutien à ce site!