AngularJS: UI маршрутизатор не загружает шаблон и контроллер

Question

, так что я пытаюсь uderstand где ошибка в моем коде, когда доступ /панель он просто загружает шаблон первого маршрута «корень» , который SYSTEM_VARS.includes.general.root но загружает console.log внутри решимостью государственного root.dashboard.home

у меня есть директива UI-вид добавлен в index.html

Пожалуйста, проверьте мой routes.js файл

Консоли регистрируя console.logs маршрутов:

State ROOT: Resolve root 
Current State: DASHBOARD 
Current State: DASHBOARD.HOME 

содержания государственного шаблона/приборной панели просто <h1>DASHBOARD HOME</h1> for tests Short:/панель состояния Арен» t загрузите шаблон и контроллер настроен.

Answer 1

Помните, что точки внутри имен состояний создают вложенные состояния. Каждое вложенное состояние хочет быть включенным в ui-view в шаблон родительского состояния.

Это, кажется, правильно настроено между root.dashboard и root.dashboard.home.

Но шаблон root.dashboard сам по себе не вставлен правильно на вашу страницу индекса, потому что вы использовали неназванный ui-view на индексной странице, но настроили ваше состояние для использования именованного представления с именем contentView. Это необходимо исправить, как только вы удалите свойство views и просто определите template как uiView. root.dashboard государство должно выглядеть следующим образом:

{ 
    abstract: true, 
    url: '/dashboard', 
    template: uiView, 
    resolve: { 
     data: [function() { 
      console.warn('Current State: DASHBOARD'); 
     }] 
    } 
} 

Для справки смотрите: https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views#example---name-matching