Genie logiciel igl241 ionic app
Thème :
Junior
1 vues ·3/9 leçons

3. L’Architecture Angular (Dossier app)

Le dossier src/app/ contient tous les morceaux (composants) qui créent votre application. Angular et Ionic fonctionnent avec un système de Composants.

Les fichiers de base

  • app.component.ts / .html : C’est le “Composant Racine”. Tout le reste s’affiche à l’intérieur de celui-ci. Son HTML est généralement très simple (souvent juste une balise <ion-app><ion-router-outlet></ion-router-outlet></ion-app>).
  • app.routes.ts : C’est le GPS de l’application (le routage). Ce fichier indique à Angular : “Si l’utilisateur va sur l’URL ‘/tabs’, montre-lui les onglets”.

Qu’est-ce qu’un composant (ex: le dossier explore-container) ?

Un composant est un morceau d’interface réutilisable. Dans Angular, un composant est presque toujours défini par 3 ou 4 fichiers :

  1. .html : L’interface visuelle (les balises <ion-button>, <div>…).
  2. .scss : Le style propre à ce composant.
  3. .ts : La logique du composant (TypeScript).
  4. .spec.ts : Le fichier de test automatique (souvent ignoré au début).

Leçon précédente

2. La Structure Globale du Projet

Prochaine leçon

4. Les Onglets et les Pages (Tabs)

Prêt à passer à la suite ?

Vous avez terminé cette leçon sur 3. L'Architecture Angular (Dossier `app`). Continuez votre apprentissage avec la prochaine leçon ou explorez d'autres formations.

Continuer avec 4. Les Onglets et les Pages (Tabs) Explorer toutes les formations