usare - javascript tutorial




Qual è la differenza tra rotta angolare e router angolare? (10)

Sto pensando di utilizzare AngularJS nelle mie grandi applicazioni. Quindi sono in procinto di trovare i moduli giusti da usare.

Qual è la differenza tra i moduli ngRoute (angular-route.js) e ui-router (angular-ui-router.js) ?

In molti articoli quando viene utilizzato ngRoute , il percorso è configurato con $ routeProvider . Tuttavia, se utilizzato con ui-router , route è configurato con $ stateProvider e $ urlRouterProvider .

Quale modulo dovrei usare per una migliore gestibilità ed estensibilità?



1- ngRoute è sviluppato da team angolare mentre ui-router è un modulo di terze parti. 2- ngRoute implementa il routing in base all'URL del percorso mentre l'ui-router implementa il routing in base allo stato dell'applicazione. 3- ui-router fornisce tutto ciò che fornisce la route ng oltre ad alcune funzionalità aggiuntive come stati nidificati e più viste con nome.


Cosa fondamentale da sapere: ng-router usa $location.path() e ui-router usa $state.go

Riposaci tutte le funzionalità.


Generalmente l'ui-router funziona su un meccanismo di stato ... Può essere compreso con un semplice esempio:

Diciamo che abbiamo una grande applicazione di una libreria musicale (come ..gaana o saavan o qualsiasi altra). E in fondo alla pagina, hai un lettore musicale che è condiviso su tutto lo stato della pagina.

Ora diciamo che basta cliccare su alcuni brani per giocare. In questo caso, solo lo stato del lettore musicale dovrebbe cambiare invece di ricaricare l'intera pagina. Questo può essere facilmente gestito da ui-router.

Mentre in ngRoute colleghiamo solo la vista e il controller.


il tuo router ti semplifica la vita! Puoi aggiungerlo all'applicazione AngularJS inserendolo nelle tue applicazioni ...

ng-route arriva come parte del nucleo di AngularJS, quindi è più semplice e ti offre un minor numero di opzioni ...

Guarda qui per capire meglio ng-route: https://docs.angularjs.org/api/ngRoute

Inoltre, quando lo si usa, non dimenticare di usare: ngView ..

ng-ui-router è diverso ma:

ui-router ma ti offre più opzioni ....


ngRoute è parte del core framework AngularJS.

ui-router è una libreria di comunità che è stata creata per tentare di migliorare le funzionalità di routing predefinite.

Ecco un buon articolo su come configurare / configurare ui-router:

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


ngRoute è un modulo sviluppato dal team Angular.js che era precedentemente parte del nucleo angolare.

ui-router è un framework creato al di fuori del progetto Angular.js per migliorare e migliorare le capacità di routing.


ngRoute è una libreria di routing di base, in cui è possibile specificare solo una vista e un controller per qualsiasi percorso.

Con ui-router, è possibile specificare più viste, sia parallele che nidificate. Quindi, se l'applicazione richiede (o potrebbe richiedere in futuro) qualsiasi tipo di instradamento / viste complessi, procedere con l'interfaccia utente.

http://www.ng-newsletter.com/posts/angular-ui-router.html è la guida introduttiva migliore per AngularUI Router.


ng-View (sviluppato dal team AngularJS) può essere utilizzato solo una volta per pagina, mentre ui-View (modulo di terze parti) può essere utilizzato più volte per pagina.

ui-View è quindi l'opzione migliore.


Angolare 1.x

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

ng-route è sviluppato dal team angularJS per il routing.

ng-route: percorso basato su url (Location).

Ex:

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

ui-router :

ui-router è develoepd dal modulo di terze parti.

ui-router: instradamento basato sullo stato

Ex:

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

-> ui-router consente viste nidificate

-> ui-router più potente di ng-route

https://docs.angularjs.org/api/ngRoute , ui-router





angularjs-module