Come ng-view all'interno di ng-include?

Question

Quando si tenta di aggiungere uno ng-view all'interno di ng-include, non accade nulla. per esempio. nel codice seguente, quando temi/midnight/index.html detiene una ng-view, senza vista è resa:

<ng-include src="'themes/midnight/index.html'"></ng-include> 

Tuttavia, se uso il codice qui sotto, la visualizzazione mostra due volte:

<ng-include src="'themes/midnight/index.html'"></ng-include> 
<div ng-view></div> 

Qual è il problema e come posso risolverlo?

Answer 1

Questo problema si verifica a causa di un'istanza ritardata di ng-view (passando attraverso ng-include). In tal caso anche l'istanziazione $route viene ritardata, e $route salterà l'evento di cambio di posizione (e il routing non verrà eseguito affatto).

Per bypassare questo, richiamare la funzione $route aggiornamento inizializzazione dell'applicazione:

yourApp.run(['$route', function($route) { 
    $route.reload(); 
}]); 

ulteriormente più, è sufficiente includere solo $route come dipendenza. Ciò funzionerà anche:

yourApp.run(['$route', angular.noop]); 

_{Fonte: il relativo issue on github.}

---

controllare anche ui-router, che è destinato a trattare specificamente con l'emissione di vista nidificate.