Tutoriel de démarrage d'AngularJS (1) : Modèle statique_AngularJS

Pour illustrer comment angulaireJS 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 pouvant être affiché dynamiquement.

Dans cette étape, nous ajoutons les informations de base des deux téléphones mobiles à la page HTML et utilisons la commande suivante pour réinitialiser le répertoire de travail à l'étape 1.

Copier le code Le code est le suivant :

git checkout -f étape-1

Veuillez modifier le fichier app/index.html, ajoutez le code suivant au fichier index.html, puis exécutez l'application pour voir l'effet.

app/index.html

Copier le code Le code est le suivant :

• 
                                                                                                                                                                    La rapidité est devenue encore plus rapide avec le Nexus S.
                                                                                 


• 
                                                                                                                Motorola                                                                                   La tablette Next, Next Generation.
                                                                                 

Pratique

Essayez d'ajouter plusieurs codes HTML statiques à index.html, par exemple :

Copier le code

Le code est le suivant :

Nombre total de téléphones : 2

Résumé

Cette étape ajoute une liste téléphonique HTML statique à l'application, passons maintenant à l'étape 2 pour apprendre à générer dynamiquement la même liste à l'aide d'AngularJS.