Différence entre les calculs linéaires et les calculs angulaires :

Question

Je suis nouveau sur AngularJS. Je trouve Angulaire très intéressant et planification de l'utilisation angulaire dans mon grand apps. Donc, je suis dans le processus pour trouver les modules à utiliser.

Quelle est la différence entre ngRoute (angular-route.js) et ui-router (angular-ui-router.js) modules?

Dans de nombreux articles, quand ngRoute est utilisé, la route est configuré avec $routeProvider. Toutefois, lorsqu'il est utilisé avec l'interface utilisateur du routeur, la route est configuré avec $stateProvider et $urlRouterProvider.

Cela crée un peu de confusion pour moi. Le module qui dois-je utiliser pour une meilleure gestion et une extensibilité? Vos réponses sont très appréciés.

Answer 1

ui-router est un de la 3e partie du module et est très puissant. Elle prend en charge tous les normales ngRoute pouvez faire en tant que bien que de nombreuses fonctions supplémentaires.

Voici quelques raisons ui-router est choisi sur ngRoute:

• l'interface utilisateur du routeur permet de vues imbriquées et plusieurs vues nommées. Ceci est très utile avec la plus grande application, où vous pouvez avoir des pages qui héritent des autres sections.

• l'interface utilisateur du routeur vous permet de disposer de solides-type de liant entre les membres, basés sur des noms d'état. Changer l'url dans un lieu sera mise à jour tous les liens de cet état quand vous construire vos liens avec ui-sref. Très utile pour les gros projets où l'Url peut changer.

• Il y a aussi le concept de la décoratrice qui pourrait être utilisé pour permettre à vos routes soient créées dynamiquement en fonction de l'URL qui est d'essayer d'être consulté. Cela pourrait signifier que vous n'aurez pas besoin de spécifier l'ensemble de votre parcours avant de la main.

• états vous permettent de carte et d'accéder à différentes informations concernant les différents etats et vous pouvez facilement passer des informations entre les états par l'intermédiaire d' $stateParams.

• Vous pouvez facilement déterminer si vous êtes dans un état ou le parent d'un état pour ajuster l'élément de l'INTERFACE utilisateur de la mise à la navigation de l'état actuel) à l'intérieur de vos modèles via $state fournie par l'interface utilisateur du routeur que vous pouvez exposer via le réglage en $rootScope sur run.

En essence, l'interface utilisateur du routeur est ngRouter avec plus de fonctionnalités, sous les draps, il est tout à fait différent. Ces fonctions sont très utiles pour des applications plus importantes.

Plus D'Informations:

• Github: https://github.com/angular-ui/ui-router
• Documentation:
  • Référence de l'API: http://angular-ui.github.io/ui-router/site/#/api
  • Guide: https://github.com/angular-ui/ui-router/wiki
• Faq: https://github.com/angular-ui/ui-router/wiki/Frequently-Asked-Questions
• Exemple d'Application: http://angular-ui.github.io/ui-router/sample/#/

Answer 2

ngRoute est un module développé par l'Angular.js l'équipe qui était partie antérieure de l'angle de base.

ui-router est un cadre qui a été faite à l'extérieur de la Angular.js projet d'améliorer et de renforcer le routage capabalities.

À partir de l'interface utilisateur du routeur de la documentation:

AngularUI Routeur est un framework de routage pour AngularJS, ce qui permet vous pouvez organiser les éléments de votre interface d'une machine à état. Contrairement à l' $service de l'itinéraire Angulaire de base, qui est organisé autour de URL routes, UI-Router est organisé autour des états, qui peut éventuellement des itinéraires, ainsi que d'autres comportements, ci-joint.

Les états sont tenus de nommer, imbriqués et en parallèle les points de vue, vous permettant de puissamment gérer l'interface de votre application.

Aucun d'entre eux est le meilleur, vous aurez à choisir la plus appropriée pour votre projet.

Toutefois, si vous prévoyez d'avoir des vues complexes dans votre application et que vous souhaitez traiter avec le "$" à l'état d'idée. Je vous recommande de choisir l'interface utilisateur du routeur.

Espérons que l'aide !

Answer 3

ngRoute est partie du cœur du framework AngularJS.

l'interface utilisateur du routeur est une bibliothèque communautaire qui a été créé pour tenter d'améliorer la valeur par défaut des fonctions de routage.

voici un bon article sur la configuration/paramétrage de l'interface utilisateur du routeur:

http://www.ng-newsletter.com/posts/angular-ui-router.html

Answer 4

Si vous souhaitez faire usage de vues imbriquées les fonctionnalités mises en œuvre dans ngRoute paradigme, essayez angulaires-route-segment - il vise à étendre ngRoute plutôt que de le remplacer.

Answer 5

ngRoute est à la base de la bibliothèque de routage, où vous pouvez spécifier un seul point de vue et le contrôleur pour n'importe quel itinéraire.

Avec ui-routeur, vous pouvez spécifier plusieurs points de vue, à la fois parallèle et imbriqués. Donc, si votre application nécessite (ou peut exiger à l'avenir) un genre de complexe de routage/points de vue, puis aller de l'avant avec l'interface utilisateur du routeur.

Ce est le meilleur guide de mise en route pour AngularUI Routeur.