Maison > interface Web > js tutoriel > le corps du texte

Angular publie la version officielle 1.5, axée sur la transition vers Angular 2_AngularJS

WBOY
Libérer: 2016-05-16 15:15:04
original
1176 Les gens l'ont consulté

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;
};
}
});
Copier après la connexion

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>
Copier après la connexion

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 !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal