Блог

Я пытаюсь заставить маршрутизацию с отслеживанием состояния работать в приложении AngularJS. Моя конфигурация выглядит следующим образом:

 app.config(function($stateProvider, $urlRouterProvider) {
  $stateProvider
    .state('index', {          
      url: '^/',               
      templateUrl: 'templates/home.html'
    })
    .state('messsage', {          
      url: '/message/:id',       
      templateUrl: 'templates/message.html'
  });

  // internal redirect to '/' as default
  $urlRouterProvider.otherwise("/");
});
  

Отображается исходное состояние, но когда я нажимаю на ссылку на второе состояние, я получаю сообщение об ошибке в консоли, в основном говорящее, что оно не может перейти в состояние:

 Error: Could not resolve '#/message/0' from state 'index'
  

Ссылки на документы / API, которые я смог найти, мне не очень помогли.

Проблема здесь вызвана неправильным использованием ui-sref директивы. Существует плунжер, показывающий проблему.

Если внутри шаблона состояния индекса мы создаем ссылку, подобную этой:

 <a ui-sref="#/message/0">...
  

мы получим Error: Could not resolve '#/message/0' from state 'index'

Синтаксис, который будет работать, должен быть таким (оба одинаковы):

 <a href="#/message/0">...     
<a ui-sref="message({id:0})">...
  

Проверьте это здесь