IONIC Section 5 - 5.5 Comment Angular et Ionic fonctionnent ensemble ?

Cliquez içi pour plus de vidéos disponibles sur notre chaine youtube !

Bonjour à tous, le package @ionic/angular est finalement un package enveloppant la suite des components Ionic. Vous pouvez donc les considérer comme un package contenant tous ces components Ionic, ces components Web pouvant être utilisés n’importe où, et les encapsulant dans un module spécifique à Angular qui est utilisable uniquement dans l’application Angular. Cela est dû au fait de rendre l’utilisation de ces components plus facile et plus efficace via Angular, en particulier lorsque nous parlons plus tard de choses comme le controller d’alerte, le controller modal, donc nous avons déjà examiné ces components de type controller. Ainsi, dans une application Angular, nous utilisons cet ensemble « @Ionic/angular» qui nous donne la suite de components Ionics, mais qui agit comme une liaison, car il facilite l’utilisation de ces components et nous donne en quelque sorte un pont pour les utiliser facilement. D’une certaine manière, nous utiliserons des components Angular. Et le module Ionic ici fait cela, il inclut essentiellement tous ces components Web et nous donne cette magie supplémentaire qui nous aidera par exemple avec ces controllers. Et pour regarder plus en détails, je vais vous invité à consulter le GitHub d’Ionic qui va nous permettre d’en savoir un peu plus à ce sujet. Voilà comment cela se présente, vous avez divers dossiers et fichiers comme par exemple le dossier dédié à Angular puis dans le sous dossier source et vous pouvez voir comment ce package « @ionic/angular » est configuré et vous verrez que ce qu’il fait ici dans ce module Ionic par exemple, est qu’il prend tous ces components Web Ionic centraux et il va les déclarer, comme vous pouvez le constater dans le « NgModule », tout simplement parce que cela englobe simplement les components Web dans des components Angular, de sorte que Angular ne se plaint pas des éléments inconnus utilisés dans ce template, car, par défaut, il accepte uniquement les components Angular et le code HTML normal. De plus nous avons des fonctionnalités supplémentaires comme vous le verrez tout au long de ce cours. C’est l’idée du module Ionic et c’est grâce à cela qu’un projet Angular et Ionic sont connectés. Donc, c’est un projet Angular normal sur lequel nous ajoutons Ionic avec ce module, avec un peu de configuration supplémentaire en « Angular.json », et par conséquent, nous pouvons commencer à utiliser les components et fonctionnalités Ionic de notre application Angular. Maintenant, étant donné qu’il s’agit d’une application Angular, si vous ouvrez un terminal directement sur votre éditeur de texte, donc assurez vous d’être sur le bon chemin de votre projet avant de lancer la commande, « ionic serve ». Après avoir patienter quelques instants, on obtient cette nouvelle page qui nous est apparue, et comme vous l’aurez compris, il s’agit de notre projet en cours. C’est la manière dont nous utilisons Angular et Ionic ou comment nous créons une application et comment les deux frameworks ou bibliothèques fonctionnent ensemble.Il est temps de passer à la pratique, on va créer ici une simple application afin que nous puissions également voir comment nous utilisons les components Ionic et comment nous les utiliserons dans les prochaines vidéos.