Еще одна проблема с «Не удалось разрешить состояние в состояние»

Question

я использую ui-router и мои состояния:

$stateProvider.state('app', { 
    url: "/app", 
    templateUrl: "assets/views/app.html", 
    abstract: true 
}).state('app.dashboard', { 
    url: "/dashboard", 
    templateUrl: "assets/views/pages_timeline.html", 
    title: 'Dashboard', 
    controller: 'TimelineCtrl' 
}).state('app.user.services', { 
    url: "/user/services", 
    templateUrl: "assets/views/user_services.html", 
    title: 'Service Integrations' 
}) 
.state('login', { 
    url: '/login', 
    template: '<div ui-view class="fade-in-right-big smooth"></div>', 
    abstract: true 
}).state('login.signin', { 
    url: '/signin', 
    templateUrl: "assets/views/login_login.html", 
    controller: 'AuthenticationCtrl' 
}).state('login.forgot', { 
    url: '/forgot', 
    templateUrl: "assets/views/login_forgot.html" 
}).state('login.registration', { 
    url: '/registration', 
    templateUrl: "assets/views/login_registration.html" 
}) 

Я в настоящее время в app.dashboard состоянии, и у меня есть ссылка:

  <a ui-sref="app.user.services"> 
       Service Integrations 
      </a> 

Однако, когда я нажимаю на нее, я получаю ошибку: Error: Could not resolve 'app.user.services' from state 'app'

Что я делаю неправильно?

Answer 1

Точка . обозначение используется для указания родительского отношения в ui-router, поэтому родителем государства dashboard является состояние app.

С app.user.services нет родительского состояния app.user. Таким образом, вы должны определить его (вы можете сделать это аннотация):

.state("app.user", { 
    abstract: true, 
    template: "<div ui-view></div>" 
})