Dcouvrez la notion de provider avec AngularJS. Un provider est responsable de laconfiguration et la cration d'un service. Tout est dans la vido ci-dessous.

jQLeadBrite("#leadplayer_video_element_554A802AB00C9").leadplayer(false, "eyJnYSI6dHJ1ZSwib3ZlcmxheSI6ZmFsc2UsInBvd2VyZWRfYnkiOmZhbHNlLCJwb3dlcmVkX2J5X2xpbmsiOiJodHRwOlwvXC93d3cucHJvZ3JhbW1hdGlvbi1mYWNpbGUuY29tXC8iLCJjb2xvcjEiOiIjRjVCQjBDIiwiY29sb3IyIjoiIzE3OThDRCIsImNvbG9yMyI6IiNGNUJCMEMiLCJ0eHRfc3VibWl0IjoiUkVDRVZPSVIgISIsInR4dF9wbGF5IjoiTGVjdHVyZSIsInR4dF9lbWwiOiJSZW5zZWlnbmV6IHZvdHJlIEVtYWlsLi4uIiwidHh0X25hbWUiOiJSZW5zZWlnbmV6IHZvdHJlIFByXHUwMGU5bm9tLi4uIiwidHh0X2ludmFsaWRfZW1sIjoiU1ZQLCByZW5zZWlnbmV6IHZvdHJlIEVtYWlsLi4uIiwidHh0X2ludmFsaWRfbmFtZSI6IlNWUCwgcmVuc2VpZ25leiB2b3RyZSBQclx1MDBlOW5vbS4uLiIsImxwX3NvdXJjZSI6IldQIFBsdWdpbiAxLjQuMi4xIFVubGltaXRlZCIsImlkIjoiNTU0QTgwMkFCMDBDOSIsIndpZHRoIjo5NDAsImhlaWdodCI6NTI5LCJ0aHVtYm5haWwiOiIiLCJ0aXRsZSI6IkNvbW1lbnQgdXRpbGlzZXIgbGVzIHByb3ZpZGVycyBhdmVjIEFuZ3VsYXJKUyAiLCJkZXNjcmlwdGlvbiI6IkNvbW1lbnQgdXRpbGlzZXIgbGVzIHByb3ZpZGVycyBhdmVjIEFuZ3VsYXJKUyAiLCJhdXRvcGxheSI6ZmFsc2UsInNob3dfdGltZWxpbmUiOnRydWUsImVuYWJsZV9oZCI6dHJ1ZSwib3B0IjpmYWxzZSwiY3RhIjp7InRpbWUiOiJlbmQiLCJidGV4dCI6IkNsaXF1ZXogaWNpIHBvdXIgY3JcdTAwZTllciBkZXMgYXBwbGljYXRpb25zIHN1ciBtb2JpbGVzIiwidXJsIjoiaHR0cDpcL1wvd3d3LnByb2dyYW1tYXRpb24tZmFjaWxlLmNvbVwvamV1eC1tb2JpbGVzLXRhYmxldHRlcy1IVE1MNS1qYXZhc2NyaXB0IiwiYXV0b19mb2xsb3ciOmZhbHNlLCJuZXdfd2luZG93IjpmYWxzZX0sInltIjoiRmptT2JoMmpfcmcifQ==");

Afficher le texte de la vidoComment utiliser les providers avec AngularJS Bonjour et bienvenu sur DveloppementFacile.AngularJS - Les providers Je me prsente, Matthieu expert en dveloppementapplicatif, je suis l pour vous aider comprendre et surtout utiliser dans votre dveloppementtout le potentiel d'AngularJS donc dans ce cours vous allez dcouvrir la notion de provider, petit petit vous avez eu plusieurs cours sur le modle de conception IoC, le modle de conceptionMVC, comment les utiliser avec AngularJS, l'architecture, les modules, etc. et au fur et mesure des cours vido que vous avez reu vous aller monter en puissance, en comptence.Dans ce cours vous allez dcouvrir les providers. Qu'est-ce que c'est les providers ? Lorsquevous avez fait un service il doit tre paramtr, dans le cours prcdent vous avez vu lesservices, les Factory, comment c'tait associ, comment a fonctionnait. Parce que un service ildoit tre paramtr comme je vous le disais, pendant la phase de configuration d'un module etdans ce cas-l vous devez utiliser un provider. Alors un provider il est responsable de laconfiguration et de la cration de votre service, d'un service avec AngularJS et notamment duservice que vous avez besoin. Il est injectable uniquement dans la dpendance, pardon il estinjectable uniquement dans la mthode config d'un module. C'est trs utile lorsqu'un service estutilis par plusieurs applications, vous avez cr un service, il est utilis par plusieursapplications et en fonction de l'application bien videmment votre service vous allez le

1 / 4

configurer diffremment. Le provider a va vous permettre de grer la configuration de votreservice en fonction de l'application sur lequel ce service est excut. Alors le service http estfournie par le provider http provider bien videmment, il faut configurer http provider, l'URL quevous allez appeler, son mode de fonctionnement et en fonction d'une application c'est chaquefois diffrent. Le provider http provider permet par exemple de dfinir des headers http qui sontutiliss chaque requte effectue par le service http, donc la dclaration d'un providers'effectue simplement avec la mthode provider d'un module, module.provider. Les paramtresde la mthode provider sont : le nom du service bien videmment, le nom du service configur,une classe avec la proprit qui retourne une nouvelle instance du service, normal.Exemplepratique AngularJS Vous allez voir travers un exemple pratique, votre service, le providerqui va configurer votre service en fonction de votre application sur lequel le service est excut.C'est partit pour l'exemple. Dans cet exemple de code source, vous allez apprendre crer unprovider, c'est--dire un route provider, rediriger en fonction du chemin saisi par exemple,dans une URL. L vous avez une URL par dfaut index.html, donc a vous affiche provient d'unappel par AngularJS du fichier App.html, qu'est-ce qui se passe dans le fichier HTML ? Vousavez ici page title, vous avez juste a et une vue, ng vue, la vue c'est a, le message du modleet provient, le message du modle c'est a, et a provient que vous avez reconnu commentfaire a ? Avec ng-vue, il est dfinit ici, vous avez appControllerModel, appControllerModel,vous allez voir comment il est mis en place. Dj vous dfinissez votre modle avec unmessage, d'une part, ensuite vous avez, d'autre part un autre contrleur, ViewControllerMainController, donc la model.message il vient de appController, controllerModele, qui est ici uncontrleur avec URL du template, donc c'est la ou vous dfinissez votre config, leoModule.Config pour en rapport avec pour les providers, pour utiliser les provider toutsimplement. Vous dfinissez une config, AppConfig a va appeler config avec routeProvider,quand c'est le chemin par dfaut donc celui-l, c'est le chemin par dfaut, qu'est-ce qu'on fait auchemin par dfaut ? On utilise un templateUrl, app.html on a ng-view app.html on met soncontenu tout simplement, et le contrleur app.Controller, si vous regardez le contrleur ilcontient scope.modele.message, modele.message qui est affich, c'est pour a qu'il y a a,maintenant dans le route provider vous avez d'autres chemins, bonus, a va mettre le templatebonus valid, au lieu d'appeler un fichier HTML comme template qui tait ici, la place de a,que ce soit le contenu de ces fichiers html, ce sera crit tout simplement bonus valid. Qu'est-ce que je fais ? Je me mets la fin tout simplement /bonus, a affiche bonus valid, ensuite jemet /promo, vous allez voir a va afficher autre chose, /promo, code promo activ comme c'taitprvu, et dans tous les autres cas a affiche une erreur, si ici vous tapez n'importe quoi, cecode n'existe pas et si vous revenez l'accueil, le lancement, donc c'est les routes provider apermet de dfinir plusieurs URL partir du mme chemin, partir de votre index.html, enfonction des paramtres vous pouvez appeler carrment afficher le contenu d'un fichier html quirutilise toute la puissance d'AngularJS avec les contrleurs, ou carrment donner dans letemplate directement le code html moi je vous conseille, comme vous avez vu dans les coursdveloppement facile, de toujours sparer votre code en plusieurs fichiers, donc chaque foisde faire des url de template, plutt moi je fais a c'est pour vous montrer dans l'exemple, pluttque de faire a, vous crez des fichiers html par exemple l ce serait bonus.html, promo.html,error.html, et dedans vous mettez votre code, si vous voulez mettre du contenu un petit peudynamique, ou volu, vous utilisez comme ici les contrleurs d'AngularJS, et vous avez vu quec'est dj d'une part c'est simple mettre en place et en plus c'est trs puissant partir de lamme URL, vous pouvez crer des pages trs puissantes avec AngularJS. Vous avez tout ce

2 / 4

qu'il faut pour utiliser les providers maintenant c'est vous de jouer.Votre plan d'actions !Alors votre plan d'action, vraiment, j'insiste mais je vais le faire de plus en plus d'insister danschaque cours vido, vous devez prendre des exemples de code source, donc tlchargez lecode source sous cette vido et les adapter en fonction de vos applications, c'est comme avous allez comprendre le principe de fonctionnement des provider avec AngularJS et que vousallez rester petit petit au fur et mesure du temps dans votre matrise d'AngularJS. Toutefaon si vous avez des questions posez les directement sous ce cours vido, les experts del'quipe dveloppement facile sont votre disposition pour vous aider progresser rapidement.Maintenant vous avez un formulaire sous cette vido, vous renseignez simplement votreprnom, votre adresse e-mail, vous cliquez sur recevoir et instantanment, vous allez recevoirpar exemple, chaque semaine, tous les 15 jours, ou tous les mois des cours gratuitement,entirement gratuits, des cours pour utiliser AngukarJS, le Framework jQuery, ioniqueframework, gratuitement vous allez recevoir plusieurs cours avec la mthode dveloppement, etsi vous voulez aller beaucoup, vous tes free-lance, employs dveloppeur dans une entrepriseet vous souille souhaitez amliorer vos comptences la vitesse grand V, cliquez simplementsur l'image sur le lien cliquable et vous allez dcouvrir dans le dtail comment crer des WebApp, en codant une seule fois et en un clic, les dployant sur tous les priphriques que ce soitApple, Android, Windows phone, que ce soit des tablettes, des Smartphones votre applicationfonctionnera. Bien videmment vous aurez les experts de l'quipe dveloppement facile donc ily a plusieurs experts qui ont 10 annes d'exprience dans le dveloppement et plusieurslangages de programmation si vous avez une difficult par exemple partir d'un cours, unexemple de code source, vous avez des bugs quand vous le mettez en place dans votreapplication, suffit d'envoyer un simple message, Bonjour j'ai du mal utiliser cela, vous joignezvotre code source, l'expert le plus qualifi de la mthode dveloppement facile va regarder voscodes source, les corriger, il va vous donner des explications supplmentaires par parce quevous n'avez pas compris, et si ncessaire va vous donner un exemple encore en plus et vousrecevrez tout a directement dans votre bote mail, c'est aussi simple que a, donc pour profiterde l'accompagnement dveloppement facile de toutes les stratgies avec Ionique framework,AngularJS, la cration de web app, cliquez simplement sur la bannire, sur l'image juste au-dessus de moi je retrouve tout de suite dans la deuxime vido tout de suite.

Tlcharger l'exemple de code source vu dans la vidoRetrouvez le code source comment sur la mise en place d'un provider avec AngularJS

Downloads

19 routeProvider

3 / 4

Code source comment d'un provider implment avec AngularJS.Contient galement le framework AngularJS version 1.3 minimis.

Avez vous dj utilis un provider pour paramtrer vos services ?Utilisez la zone commentaire pour poser vos questions sur la mise en place d'un provider avecAngularJSComment utiliser les providers avec AngularJS

Powered by TCPDF (www.tcpdf.org)

4 / 4