Étape 5: Création d’une page d’accueil et en ajoutant le menu latéral
Permet de vraiment commencer maintenant sur l’app et créer une page d’accueil agréable et un volet de navigation. La meilleure façon de le faire est de ne commencer pas tout mettre dans la page index.html, mais pour rendre les fichiers de modèle distinct dans un dossier de modèles.
Dans le fichier index.html nouveau pas beaucoup a changé : juste le nom de l’app et l’en-tête a été supprimé. Ion-nav-vue a été ajouté, il s’agit d’une classe qui charge le modèle par défaut défini dans app.js
Ici vous pouvez voir que j’ai créé quelques États, ceux-ci vous permettent de naviguer dans votre application. Le sidemenu est un État abstrait, c'est-à-dire qu'il ne peut pas être utilisé directement, mais seulement à l’aide des États qui sont des enfants de celui-ci (comme à la maison). Lorsque nous utilisons Accueil, home.html tant côté-menu.html sont chargés.
Il s’agit de l’itinéraire par défaut que l’app à prendre : en d’autres termes, c’est la page qui sera chargée lors de l’ouverture de l’app.
Dans le menu de gauche vous pouvez voir le code pour le sidemenu. Vous créez une étendue latérale-menus qui contient le menu de gauche et le contenu. Le contenu contient la barre de navigation en haut de la page.
le menu de gauche contient les informations dans le menu latéral, dans ce cas une liste de liens vers différentes pages et une barre d’en-tête.
Dans home.html que vous pouvez voir qu’une vue est utilisée, cela modifie le texte dans la barre de navigation, en l’occurrence Bienvenue. Et le reste est juste html pour la page.