router Angular2 VS router ui-router-ng2 VS ngrx

Question

Quali sono i vantaggi e gli svantaggi dell'utilizzo di ui-router-ng2 anziché del nuovo router Angular2? In passato ho usato ui-router con Angular 1.x invece di usare ngRoute, perché ho bisogno di un supporto migliore per stati/percorsi nidificati.

Quindi, per quanto riguarda Angular2? Mi piacerebbe sentirti, così posso valutare entrambe le opportunità.

Inoltre, cercando e cercando su Google ho trovato ngrx/router, che non sapevo. mi puoi dire quali sono le differenze tra il router integrato del Angular2, il nuovo ui-router per Angular2 e router NGRX?

Answer 1

generale

NGRX percorso rdocs

router NGRX è Sconsigliata! C'è il migration strategy dal router ngrx al router Angular2 standard.

Angular2 Routerdocs

1. soluzione di default da squadra angolare
2. è stato ispirato da UI-router da AngularJS
3. Costruito per i componenti

Angular2 router dispone di quasi tutti Funzionalità del router UI.

NG2 UI-routerdocs

Ben noto UI-router da AngularJS aggiornati per l'Angular2. Dai noti vantaggi - rende più agevole l'aggiornamento dal router UI AngularJS al router UI ng2.

Confrontando

Mettiamo a confronto la sintassi di UI-router entrambe le versioni con Angular2 Router.

AngularJS UI-router:

app.config(function($stateProvider){ 
    $stateProvider.state('home', { 
     url: '/home', 
     templateUrl: 'home.html', 
     controller: 'HomeCtrl' 
    }) 
}); 

Angular2 UI-router:

export let state1: Ng2StateDeclaration = { 
    name: 'home', 
    component: HomeComponent, 
    url: '/home' 
} 

@NgModule({ 
imports: [ 
    SharedModule, 
    UIRouterModule.forChild({ states: [home] }) 
], 
declarations: [HomeComponent] 
}) 
export class MyModule {} 

Angular2 Router:

(Aggiornamento: proprietà - 012.è stato rimosso dopo V3-alpha7. Perché non ha funzionato con il caricamento lento delle rotte.)

import { 
    RouteConfig, 
    Route 
} from 'angular2/router'; 
import {HomeComponent} from './components/home'; 

@Component({}) 
@RouteConfig([ 
    new Route({ 
     path: '/home', 
     component: HomeComponent, 
     name: 'Home' // Deprecated property, works until v3-alpha7 
    }) 
]) 
export class App {...} 

Come possiamo vedere, in generale, il router Angular2 è praticamente lo stesso. Come Oltre bisogno di dire che supporta la maggior parte delle caratteristiche comuni come dati statici/dinamici che condividono attraverso i percorsi, viste nidificate ecc

• stesse strategie posizione (percorso e cancelletto)
• definizioni di percorso simili
• servizi simili:
  • $ state.go e Router.navigate
  • $ stateParams e RouteParams
  • $ state.current.data e RouteData
• direttive simili
  • ui-view e router-outlet
  • ui-sref e routerLink

Conclusione

Angular2 Router aveva preso meglio di UI- esperienza del router e implementata. Se hai bisogno di migrare facilmente il tuo codice base con AngularJS UI-router su Angular2 in modo rapido e agevole, puoi provare il router U2 Ng2, altrimenti, penso che il router Angular2 si adatti al meglio. Anche se hai deciso di utilizzare il router UG NG2, controlla tutti i pro e i contro, al momento ritengo che la community sceglierà una soluzione standard dal team Angular, il che significa un supporto migliore.