L'équipe Angular a récemment publié la version officielle d'Angular 1.5, qui a réalisé une mise à niveau majeure. Elle permet aux développeurs qui utilisent encore la version 1.X de passer plus facilement au développement Angular 2.
Pete Bacon Darwin a écrit dans un article de blog annonçant la sortie que le but de cette version est "d'améliorer le chemin de mise à niveau pour Angular 2. Nous avons introduit de nouvelles fonctionnalités dans cette version pour permettre aux développeurs d'écrire des applications Angular 1 plus proches". à la structure appliquée dans Angular 2. »
Dans cette version, la nouvelle méthode d'assistance module.component() constitue le changement le plus important dans la transition vers Angular 2. En utilisant cette méthode, les développeurs n'ont plus besoin de suivre le style d'objet de définition de directive traditionnel pour écrire des directives. Si les lecteurs sont déjà familiers avec l’écriture Angular 2, ils devraient remarquer cette similitude. Dans l'article, l'auteur montre la méthode de définition d'un nouveau composant à travers un exemple :
myModule.component('myComponent', { template: '<h1>Hello {{ $ctrl.getFullName() }}</h1>', bindings: { firstName: '<', lastName: '<' }, controller: function() { this.getFullName = function() { return this.firstName + ' ' + this.lastName; }; } });
Avant l'émergence des composants, les développeurs ne pouvaient généralement utiliser que des directives ou réaliser certains scénarios grâce à une utilisation non conventionnelle des contrôleurs. Mais cela ne signifie pas que les composants remplaceront complètement le rôle des directives. Par exemple, les composants ne peuvent pas être utilisés pour faire fonctionner le DOM, et tous les composants doivent être activés via des éléments HTML personnalisés, et le déclenchement via les attributs d'élément n'est pas pris en charge. Le composant défini de la manière ci-dessus peut être utilisé via le code suivant :
<my-component first-name="'Alan'" last-name="'Rickman'"></my-component>
Le nouveau guide des composants fournit une explication plus complète des différences entre les directives et les composants traditionnels.
Reliure unidirectionnelle
Crochet du cycle de vie
Lier à la directive requise
Prend en charge la transclusion pour plusieurs emplacements
Contenu de transclusion par défaut
Les développeurs utilisant actuellement la version 1.4 peuvent lire le guide de migration pour savoir quelles modifications sont nécessaires lors de la migration, car certaines modifications importantes ont été introduites dans la version 1.5.
Dans un délai prévisible, la version 1.5 devrait être le plus gros changement. Lorsqu'InfoQ a demandé à Bacon Darwin où irait la version 1.X, voici ce qu'il a répondu :
Nous n’avons pas encore commencé à planifier le prochain cycle de publication d’Angular 1. Puisque la date de sortie officielle d'Angular 2 se rapproche, si nous continuons à développer Angular 1, nous essaierons de le rapprocher d'Angular 2. Si des changements radicaux doivent être introduits pour y parvenir, alors la version 1.6 peut être attendue. Parallèlement, nous poursuivrons le développement de la version Angular 1.5.x, en apportant des corrections de bugs et quelques fonctionnalités plus petites. En bref, cela n'entre pas en conflit avec notre objectif de rendre Angular 1.X plus facile à migrer vers Angular 2.
La nouvelle fonctionnalité de routeur de composants devrait être publiée plus tard cette semaine. Amis intéressés, faites attention au site Web de Script House !