мое первое приложение ui-router - почему вложенные представления не загружаются?

Question

мое приложение здесь http://ui-router2-dwilbank68.c9.io/

Я знаю, что UI-маршрутизатор загружается правильно, потому что именованные виды функционируют правильно (нажмите О). Однако вложенные представления list и paragraph не работают, и я просмотрел код десятка раз для расхождений. Ошибок в консоли Chrome также нет.

здесь вид я пытаюсь сделать гнездящихся в ...

<div class="jumbotron text-center"> 
    <h1>The Homey Page</h1> 
    <p>This page demonstrates nested views.</p> 

    <a ui-sref='.list' class='btn btn-primary'>List</a> 
    <a ui-sref='.paragraph' class='btn btn-primary'>Paragraph</a> 
</div> 

и вот весь мой Javascript содержание

var routerApp = angular 
    .module('routerApp', ['ui.router']); 

routerApp.config(function($stateProvider, $urlRouterProvider) { 

    $urlRouterProvider.otherwise('/home'); 

    $stateProvider 

     // HOME STATES AND NESTED VIEWS ======================================== 
     .state('home', { 
      url: '/home', 
      templateUrl: 'partial-home.html' 
     }) 

     .state('home.list', { 
      url: '/list', 
      templateUrl: 'partial-home-list.html', 
      controller: function($scope){ 
       $scope.dogs = ['Bernese','Husky','Goldendoodle']; 
      } 
     }) 

     .state('home.paragraph', { 
      url: '/paragraph', 
      template: 'I could use a taco right now' 
     }) 

     // ABOUT PAGE AND MULTIPLE NAMED VIEWS ================================= 
     .state('about', { 
      url: '/about', 
      views: { 
       '': {templateUrl: 'partial-about.html'}, 

       'columnOne@about': { template: 'Look I am a column' }, 

       'columnTwo@about': { 
        templateUrl: 'table-data.html', 
        controller: 'scotchController' 
       } 
      } 
     }); 
}); 

routerApp 
    .controller('scotchController', function($scope){ 
     $scope.message = 'test'; 
     $scope.scotches = [ 
     { name: 'Macallan 12', price: 50 }, 
     { name: 'Chivas Regal Royal Salute', price: 10000 }, 
     { name: 'Glenfiddich 1937', price: 20000 } ]; 
}); 

URL-адрес НЕ изменится ... но почему шаблоны не загружаются?

Answer 1

Вы, наверное, пропустил <div ui-view></div> в вашем доме зрения (partial-home.html)