2014-08-27 18 views
6

Mi spiace che la mia domanda possa sembrare duplicata perché sto imparando Angular JS con alcuni modelli scaricati, ma a me non capisco cosa ho esattamente bisogno con la mia ricerca.cosa fa astratto: true do in ui-router?

cosa significa astratto: vero significa?

la domanda principale è .otherwise ('/ app/dashboard'); portandomi a partial/app_dashboard.html se avessi menzionato/dashboard altrimenti dovrei portarmi lì ma perché/app/dashboard mi ha scaricato in partial/app_dashboard.html. fa astratto: vero ha qualche effetto in altrimenti?

intestazione div, div contenitore (ui-view) e il piè div è stata posta in app.html

$ urlRouterProvider

 .otherwise('/app/dashboard'); 
    $stateProvider    
     .state('app', { 
      abstract: true, 
      url: '/app', 
      templateUrl: 'partials/app.html' 
     }) 
     .state('app.dashboard', { 
      url: '/dashboard', 
      templateUrl: 'partials/app_dashboard.html' 
     }) 
     .state('app.ui', { 
      url: '/ui', 
      template: '<div ui-view class="fade-in-up"></div>' 
     }) 
+0

controllare questa risposta con la spiegazione dettagliata ed esempi: http://stackoverflow.com/a/25499004/1679310 –

+0

leggere la documentazione prima - è spiegato chiaramente lì. –

risposta

9

astratto - {boolean =} - Uno stato astratto non sarà mai essere attivato direttamente, ma può fornire proprietà ereditate ai suoi stati figli comuni.

Da ui-router docs

+0

grazie per la risposta @rawry, che dire .otherwise ('/ app/dashboard'); – maghub

+1

se nessun URL di stato o URL corrisponde, allora utilizzerà l'url specificato in .otherwise(), è come un valore predefinito, se non corrisponde nulla mostro la home page – Vamsi

+0

@rawry possiamo impostare lo stato .otherwise allo stato astratto? – alphapilgrim