Les pages Ionic

Étant donné qu’une application Ionic est une application web, elle s’articule autour de pages. Une page Ionic est composée de quatre éléments :

  • Un template HTML

  • Un fichier TypeScript contenant les traitements

  • Un fichier SCSS

  • Un fichier module.ts

Un page Ionic est un composant sur lequel est appliqué le décorateur @IonicPage. Cette page pourra être accessible en utilisant le système d’URL d’Ionic. Lorsqu’une page Ionic est créée, c’est-à-dire que le décorateur @IonicPage est appliqué sur un composant, cette page devient automatiquement accessible via le système d’URL. La création de liens entre les pages sera abordée plus en détail dans ce chapitre.

Pour créer une page, il faut utiliser la commande suivante :


ionic generate page nomDeLaPage
 

Ou la version raccourcie :


ionic g page nomDeLaPage
 

Après avoir créé le projet tabs, il faut le nettoyer des pages qui ne serviront pas. Il faut donc supprimer les dossiers src/pages/about, src/pages/contact et src/pages/home. Il faut également supprimer les imports des pages supprimées du fichier src/pages/tabs/tabs.ts.

Pour créer la première page du projet, celle qui permet de définir les élèves du groupe, il faut utiliser la commande suivante :


ionic generate page eleve
 

La page Ionic est définie dans le fichier src/pages/eleve/eleve.ts créé...

Pour consulter la suite, découvrez le livre suivant :
couv_EPMETION.png
60-signet.svg
En version papier
20-ecran_lettre.svg
En version numérique
41-logo_abonnement.svg
En illimité avec l'abonnement ENI
130-boutique.svg
Sur la boutique officielle ENI
Précédent
Les composants Angular
Suivant
Les templates