Dans ce tutoriel, nous allons voir comment implémenter une interface dans Angular 2.0. TypeScript, qui est un langage que l'on peut considérer comme une surcouche à JavaScript et qui se trouve être le langage recommandé par l'équipe d'Angular 2.0, permet d'implémenter des interfaces. Une interface est simplement un…
Dans ce tutoriel, nous allons voir comment créer un service que vous pourrez injecter dans vos components. De nouveau, Angular 2.0 simplifie les choses en proposant un seul type de service, là où AngularJS 1.X en proposait cinq (provider, factory, service, constant et value). En revanche, comme c'est…
Dans ce tutoriel, nous allons voir comment gérer les événements du DOM. Il n'est plus nécessaire de chercher dans la documentation pour savoir si les développeurs d'Angular 2.0 ont prévu une directive qui gère un événement particulier, comme celles proposées par AngularJS 1.X (ng-click, ng-blur, ng-focus ...). Avec Angular…
Dans ce tutoriel, nous allons voir comment s'effectue le binding entre les données présentes dans un component, et le template de ce component. Ce sera l'occasion de découvrir "*ngFor", la directive Angular 2.0 qui remplace "ng-repeat" propre à AngularJS 1.X. …
Les components seront les briques de vos applications Angular 2.0. Vous pourrez créer un component qui réprésentera la vue et la logique de l'en-tête d'une page, un autre component pour un menu latéral, un autre pour un composant métier. Un component pourra lui-même être composé d'autres components et être…
Nous allons voir comment est organisée une application Angular 2.0. Nous mettrons l'accent sur les "components", élements essentiels qui vous serviront à construire des composants faciles à imbriquer ou articuler, selon vos besoins. …
Afin de pouvoir disposer rapidement de tous les éléments requis pour développer une application Angular 2, nous allons installer angular2-seed. Cela vous permettra d'explorer une SPA (Single Page Application), de comprendre et d'articuler les élements essentiels d'une application Angular 2 (components, injectables, router ...) et de les utiliser dans vos propres…
Ajouter cette déclaration de variable : declare var Promise: PromiseConstructor; en tête du fichier angular2-seed\node_modules\angular2\src\facade\promise.d.ts corrige l'erreur TS2661: Cannot re-export name that is not defined in the module. Cela ne sera sans doute plus nécessaire une fois Angular 2.0 en RC (en…
Nouveaux tutoriels Angular 2.0 Pour aider les anciens à passer à Angular 2.0 et les nouveaux venus à entrer directement dans cette nouvelle version, cette série de tutoriels Angular 2.0 en français AngularJS 1.x et Angular 2.0 Les différences entre AngularJS 1.X à Angular…
Edit : nous sommes désormais en 2016, aussi est-il sans doute plus intéressant de passer à Angular 2.0, grâce à ces tutoriels Angular 2.0 en français. (ci-dessous le post originel du 17 octobre 2015). Les plus d'AngularJS 1.X: j'ai été positionné sur une mission AngularJS début octobre 2015…
Angular 2.0 implémentera les nombreuses nouveautés d'ECMAScript 2015, tels que modules et classes. En attendant qu'Angular 2.0 soit achevé, vous pouvez vous faire la main sur Aurelia (ou adopter Aurelia ?), qui est déjà disponible depuis avril 2015. Aurelia est un framework d'autant plus prometteur qu'il a été développé…