angularjs - template - Página en blanco usando múltiples vistas con UI-Router

ui-router angularjs

Question

Seguí este artículo y este otro . He tratado de replicar lo que hay en la wiki, sin suerte.

Hasta ahora, esto es lo que hice con la estructura de carpetas:

• parcial
  • índice
    • index.html // vista interna
    • index.css
    • index.js // controlador
  • pie de página
    • footer.html
    • footer.js
  • encabezamiento
    • // misma estructura
• index.html // archivo principal

stateProvider:

angular.module(''app'').config(function($stateProvider, $urlRouterProvider) {
$stateProvider.state("index",
{
url: "/index",
templateUrl:''/partial/index.html'',
views: {
''footer@index'': {
templateUrl: "/partial/header.html",
controller:"FooterCtrl"
},
''header@index'': {
templateUrl: "/partial/header.html",
controller: "HeaderCtrl"
}
}
});
$urlRouterProvider.otherwise(''/index'');

EDITAR:

este es el marcado:

<div>
<div id="content" class="container">
<div ui-view="header"></div>
<div ui-view></div>
<div ui-view="footer"></div>
</div>
</div>

la URL que estoy navegando es: localhost: 9001 / # / index

No obtengo ningún error, solo una página en blanco

Answer 1

Parece que utilizó rutas incorrectas en la plantillaUrl.

Aquí está el plunker que usa ui-router: http://plnkr.co/edit/Nqwlkq1vGh5VTBid4sMv?p=preview

También sugiero leer el código fuente de http://angular-ui.github.io/ui-router/sample/#/ que tiene una implementación abstracta aquí y muchos comentarios sobre cómo trabajar con el enrutador ui correctamente.

Answer 2

no deje una barra al final de la url

no funciona: http://sjhite.com/questions/23924587 /

trabajando: http://sijhte.com/questions/23924587