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