Was ist der Unterschied zwischen Winkel-Route und Winkel-Ui-Router?

Ich bin Planung der Verwendung von AngularJS in meine große Anwendungen. Also ich bin in den Prozess, um herauszufinden, die richtigen Module zu verwenden.

Was ist der Unterschied zwischen ngRoute (angular-route.js) und ui-router (angular-ui-router.js) Module?

In vielen Artikeln, wenn ngRoute wird verwendet, route konfiguriert ist, mit $routeProvider. Allerdings, wenn verwendet mit ui-routerroute konfiguriert ist, mit $stateProvider und $urlRouterProvider.

Welches Modul sollte ich für eine bessere Verwaltbarkeit und Erweiterbarkeit?

InformationsquelleAutor der Frage Premchandra Singh | 2014-01-09

  1. ui-router ist ein 3rd-party-Modul und ist sehr mächtig. Es unterstützt alles, was der normale ngRoute tun können, sowie viele zusätzliche Funktionen.

    Hier sind einige der häufigsten Gründe, warum ui-router gewählt wird, über ngRoute:

    • ui-router ermöglicht verschachtelte views und mehrere benannte Ansichten. Dies ist sehr nützlich bei größeren app, wo Sie können, haben Seiten, die Erben von den anderen teilen.

    • ui-router können für Sie stark-Art der Verknüpfung zwischen Staaten, basierend auf den Zustand Namen. Ändern Sie die url in einem Ort wird jedem update-link für die diesem Staat, wenn Sie bauen Sie Ihre links mit ui-sref. Sehr nützlich für größere Projekte, bei denen die URLs können sich ändern.

    • Gibt es auch den Begriff der decorator die verwendet werden könnten, zu ermöglichen, Ihre Routen werden dynamisch erstellt, anhand der URL, der versucht, auf die zugegriffen werden. Dies könnte bedeuten, dass Sie nicht brauchen, to geben Sie all Ihre Routen, bevor die hand.

    • Staaten erlauben, Sie auf die Karte und den Zugriff auf die verschiedenen Informationen über verschiedene Zustände und können Sie ganz einfach die übergabe von Informationen zwischen den Mitgliedstaaten über $stateParams.

    • Können Sie leicht feststellen, wenn Sie in einem Staat oder Eltern von einem Zustand zum anpassen der UI-element (Hervorhebung der navigation der aktuelle Stand) in Ihre Vorlagen per $Status zur Verfügung gestellt von ui-router, die verfügbar gemacht werden kann über die Einstellung im $rootScope auf run.

    Im wesentlichen ui-router ist ngRouter mit mehr Funktionen, unter der Bettdecke ist es ganz anders. Diese zusätzlichen Funktionen sind sehr nützlich für größere Anwendungen.

    Mehr Informationen:

    InformationsquelleAutor der Antwort TheSharpieOne

  2. 125

    ngRoute ist ein Modul entwickelt, durch das AngularJS-team, das war früher Teil des AngularJS-core.

    ui-router ist ein framework, das aus außerhalb des AngularJS-Projekt zu verbessern und routing-Funktionen.

    Aus der ui-router Dokumentation:

    AngularUI-Router ein routing-framework für AngularJS, die es ermöglicht
    Sie organisieren Teile Ihrer Oberfläche in eine state machine.
    Im Gegensatz zu den $route-service in Eckigen Kern, die organisiert wird, um
    URL-Routen, UI-Router organisiert, um den Staaten, die sich Optional
    haben Routen, sowie andere Verhalten, angebracht.

    Staaten gebunden sind, um benannte, verschachtelte und parallele Ansichten, so dass Sie
    kraftvoll verwalten der Anwendung-Schnittstelle.

    Keiner von Ihnen ist besser, Sie wählen die am besten geeignete für Ihr Projekt.

    Jedoch, wenn Sie beabsichtigen, komplexe Ansichten in Ihrer Anwendung und Sie möchten Ihr Angebot mit dem "$state" - Begriff. Ich empfehle Ihnen, wählte ui-router.

    InformationsquelleAutor der Antwort gab

  3. 64

    ngRoute ist ein Winkel-core-Modul, das ist gut für einfache Szenarien. Ich glaube, Sie werden noch mehr leistungsstarke Funktionen in kommenden Versionen.

    URL: https://docs.angularjs.org/api/ngRoute

    Ui-router ist ein contributed Modul, das die Probleme zu überwinden, von ngRoute. Vor allem Verschachtelt/Komplex Ansichten.

    URL: https://github.com/angular-ui/ui-router

    Einige den Unterschied zwischen ui-router und ngRoute

    http://www.amasik.com/angularjs-ngroute-vs-ui-router/

    Was ist der Unterschied zwischen Winkel-Route und Winkel-Ui-Router?

    InformationsquelleAutor der Antwort Asik

  4. 49

    ngRoute ist Teil der core-AngularJS-framework.

    ui-router ist eine community-Bibliothek, die erstellt wurde, um zu versuchen zu verbessern auf der Standard-routing-Funktionen.

    Hier ist ein guter Artikel über das konfigurieren/einrichten von ui-router:

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

    InformationsquelleAutor der Antwort Jake Johnson

  5. 34

    Wenn Sie möchten, machen Sie Gebrauch von verschachtelten views-Funktionen implementiert, die innerhalb von ngRoute Paradigma, versuchen angular-route-segment - es zielt darauf ab, zu erweitern ngRoute, anstatt Sie zu ersetzen.

    InformationsquelleAutor der Antwort artch

  6. 17

    Im Allgemeinen ui-router arbeitet auf Landes-Mechanismus... Es kann verstanden werden mit einem einfachen Beispiel:

    Sagen wir, wir haben eine große Applikation mit einer Musik-Bibliothek (wie ..gaana oder saavan oder andere). Und am unteren Rand der Seite, haben Sie ein Musik-player, die über den Zustand der Seite.

    Nun lassen Sie uns sagen, klicken Sie einfach auf ein paar songs zu spielen. In diesem Fall, nur, dass Musik-player Zustand ändern sollte, statt Neuladen der gesamten Seite. Das kann leicht gehandhabt werden, die vom ui-router.

    Während ngRoute wir einfach die Ansicht und den controller.

    InformationsquelleAutor der Antwort UniCoder

  7. 16

    Winkel-1.x

    ng-route:

    ng-route wurde von der angularJS-Team für das routing.

    ng-route: url (Location) based routing.

    Ex: 

    $routeProvider
    .when("/home", {
        templateUrl : "home.html"
    })

    ui-route:

    ui-router ist develoepd von 3rd-party-Modul.

    ui-router : state-based routing

    Ex:

     $stateProvider
        .state('home', {
            url: '/home',
            templateUrl: 'home.html'
        })

    --> ui-router erlaubt geschachtelte views

    --> ui-router leistungsfähiger als ng-route

    ng-router
    ui-router

    InformationsquelleAutor der Antwort Mahesh Karthu

  8. 13

    ngRoute-Modul gebaut, die von der Winkel-team, stellt grundlegende client-side-routing-Funktionalität. Dieses Modul bietet eine ziemlich mächtige Grundlage für routing-und aufgebaut werden kann, ziemlich leicht zu geben festen routing-Funktionen, wie beispielhaft in in diesem blog-post (Lesen Sie den Kommentar Weg zwischen der Gemeinde Bell und Ben Nadel, der Autor - Sie sind ein paar Kantige vor -)

    ui-router verlagert den Schwerpunkt von url-centric Routen-Anwendung "Staaten", die möglicherweise oder möglicherweise nicht werden, spiegelt sich in der url.

    Die primären Funktionen von ui-router verschachtelte Mitgliedstaaten und benannten Ansichten.

    Verschachtelte Staaten erlauben, Sie zu trennen controller-Logik für die verschiedenen Teile der Anwendung. Ein sehr einfaches Beispiel HIERFÜR wäre eine app mit primären navigation über die Spitze, ist eine sekundäre navigation-Liste entlang der linken Seite, und der Inhalt auf der rechten Seite. Ohne verschachtelte Staaten, ein einzelner controller wäre in der Regel haben, um die display-Logik für die Sekundär-navigation als auch der Inhalt. Verschachtelte routing ermöglicht Ihnen das trennen von diesen Bedenken.

    Benannte Ansichten sind eine weitere zusätzliche Funktion von ui-router. Mit ngRoute, können Sie nur einen einzigen ngView Richtlinie auf eine Seite, in der Erwägung, dass mit benannten Ansichten im ui-router können Sie mehrere ui-view-Richtlinien, und dann wird jeder Staat in der Lage ist, Einfluss auf den template-und controller-Namen Ansichten. Ein super einfaches Beispiel HIERFÜR wäre, um die wichtigsten Inhalte der app werden die primäre Ansicht und dann auch noch einen footer-bar, einen separaten ui-view. In diesem Szenario wird die Fußzeile um den controller nicht mehr anhören, für den Staat/route ändert.

    Einen guten Vergleich von ngRoute-und ui-router finden Sie auf in diesem podcast episode.

    Nur um die Dinge eher verwirrend, halten Sie ein Auge auf den neuen "offiziellen" routing-Modul, das Winkel-team erwartet release für die Versionen 1.5 und 2.0 des Eckigen. Dieses ersetzt das ngRoute-Modul. Hier ist die aktuelle Dokumentation für die neue Router-Modul - es ist ziemlich spärlich, wie dieser Beitrag, denn die Umsetzung ist noch nicht abgeschlossen. Uhr hier für mehr Nachrichten auf, wenn dieses Modul wird tatsächlich veröffentlicht werden.

    InformationsquelleAutor der Antwort Sean

  9. 11

    ngRoute ist eine grundlegende routing-Bibliothek, wo Sie angeben können, nur eine view und controller für jede route.

    Mit ui-router, können Sie mehrere Ansichten, sowohl parallel als auch Ineinander verschachtelt werden. Also, wenn Ihre Anwendung verlangt (oder kann verlangen, in Zukunft) jede Art von komplexen routing/views, dann gehen Sie vor mit ui-router.

    Diese ist am besten, erste-Schritte-Handbuch für AngularUI-Router.

    InformationsquelleAutor der Antwort Kunal Kapadia

  10. 10

    Grundlegende Sache, die Sie wissen müssen: ng-router verwendet $location.path() - und ui-router verwendet $state.go

    Rest uns allen Funktionen.

    InformationsquelleAutor der Antwort digish a d

  11. 8

    ui-router machen Ihr Leben leichter! Sie können es hinzufügen, um Sie AngularJS-Anwendung per Injektion in Ihre Anwendungen...

    ng-route kommt als Teil der Kern-AngularJS, so ist es einfacher und gibt Ihnen weniger Optionen...

    Hier schauen, um zu verstehen, ng-route besser: https://docs.angularjs.org/api/ngRoute

    Auch, wenn Sie es verwenden, vergessen Sie nicht zu verwenden: ngView ..

    ng-ui-router ist anders, aber:

    https://github.com/angular-ui/ui-router , sondern gibt Ihnen mehr Optionen....

    InformationsquelleAutor der Antwort Alireza

  12. 6

    AngularUI-Router ein routing-framework für AngularJS, die Ihnen ermöglicht, zu organisieren, die Teile Ihrer Oberfläche in eine state machine. Im Gegensatz zu den $route-service in das Eckige ngRoute-Modul, die organisiert wird, um URL-Routen, UI-Router organisiert, um den Staaten, die sich Optional Routen, sowie andere Verhalten, angebracht.

    https://github.com/angular-ui/ui-router

    InformationsquelleAutor der Antwort vaheeds

  13. 4

    ngRoute-Modul, entwickelt von der Angular.js team, das war früher Teil der Eckige Kern.

    ui-router ist ein framework, das aus außerhalb des Angular.js Projekt zu verbessern und zu erweitern-routing capabalities.

    InformationsquelleAutor der Antwort Rajat-Systematix

  14. 3

    1 - ngRoute wird entwickelt von Winkel-team in der Erwägung, dass ui-router ist ein 3rd-party-Modul. 2 - ngRoute implementiert routing basiert auf dem route-URL in der Erwägung, dass ui-router implementiert routing basierend auf dem Status der Anwendung. 3 - ui-router bietet alles, was das ng-route bietet plus einige zusätzliche features wie verschachtelte Staaten und mehrere benannte Ansichten.

    InformationsquelleAutor der Antwort

  15. 0

    ng-View (entwickelt von der AngularJS-team) können verwendet werden pro Seite nur einmal, in der Erwägung, dass ui-View (3rd-party-Modul) kann verwendet werden, mehrere Male pro Seite.

    ui-View ist daher die beste option.

    InformationsquelleAutor der Antwort Ragupathy

Schreibe einen Kommentar