Les composants Angular

L’élément central du développement Angular (et donc Ionic) est le composant. C’est d’ailleurs la grande tendance des trois grands frameworks web (Angular, React et Vue). Un framework basé sur composants permet de réutiliser facilement des composants au sein de différents applicatifs.

Avec Angular, un composant représente une unité métier possédant une interface et des comportements qui lui sont propres. Par exemple, l’application Ionic tout entière repose sur le composant racine défini dans le fichier app.components.ts. Voici le contenu (sans les imports) de ce fichier à la création du projet d’exemple tabs :


@Component({ 
  templateUrl: 'app.html' 
}) 
export class MyApp { 
  rootPage:any = TabsPage; 
 
  constructor(platform: Platform, statusBar: StatusBar, splashScreen: 
SplashScreen) { 
    platform.ready().then(() => { 
      // Okay, so the platform is ready and our plugins are available. 
      // Here you can do any higher level native things you might need. 
      statusBar.styleDefault(); 
      splashScreen.hide(); 
    }); 
  } 
}
 

D’un point de vue technique, un composant est une classe sur laquelle est appliqué le décorateur @Component. Ce composant racine permet en premier lieu de définir le template racine...

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
AppModule et NgModule
Suivant
Les pages Ionic