Angular UI-Router $urlRouterProvider . Когда не работает, когда я нажимаю <a ui-sref="...">

Я имею .when('/center', '/center/question') в моем угловом веб-приложении.

Когда я печатаю '/center' в моем браузере он будет перенаправлен на '/center/question' как я ожидаю, но когда я нажимаю <a ui-sref="center" href="#/center"></a>, он не будет перенаправлять и просто оставаться на URL '/center',

В моей консоли нет ошибок, и я не знаю почему.

Я вижу одну подобную проблему здесь Angular UI-Router $urlRouterProvider . Когда он больше не работает. Я пытаюсь ответить, но он все еще не работает для меня.

Вот мой код кофейного кода:

whenConfig = ['$urlRouterProvider', ($urlRouterProvider) ->
  # default url config

  $urlRouterProvider
  .otherwise '/center'
  .when '/center', '/center/question'
]

stateConfig = ['$stateProvider', ($stateProvider) ->
  # nested url config

  capitalize = (s)->
    s[0].toUpperCase() + s[1..]

  mainConfig = ({
    name: name
    url: "/#{name}"
    templateUrl: "templates/#{name}.html"
    controller: "#{capitalize name}Ctrl"
  } for name in ['center', 'keywordList', 'keywordConfig', 'log', 'stat'])

  centerConfig = ({
    name: "center.#{name}"
    url: "/#{name}?page"
    templateUrl: "templates/center/#{name}.html"
    controller: "Center#{capitalize name}Ctrl"
  resolve:
    thead: (CenterService) ->
      CenterService.getThead @self.name
    data: (CenterService, $stateParams) ->
      CenterService.fetchItems @self.name, $stateParams.page
  } for name in ['question', 'answer', 'comment', 'article'])

  for singleConfig in mainConfig
    $stateProvider.state singleConfig

  for childConfig in centerConfig
    $stateProvider.state childConfig
]

app.config whenConfig
app.config stateConfig
Источник

2 ответа

Решение

Есть новый рабочий плункер (расширяющий Angular UI-Router $urlRouterProvider . Когда не работает * больше *), который должен работать с версией 0.2.13+

Предыдущее решение

До версии 0.2.12- мы могли бы использовать $urlRouterProvider.when() Предложено в документации (малый текст ):

Как: настроить дочернее состояние по умолчанию / индекс

...
если вы хотите, чтобы URL-адрес parent.index был не пустым, то установите перенаправление в вашем module.config, используя $ urlRouterProvider:

 $urlRouterProvider.when('/home', '/home/index');

Так что это было решение, показанное в Q & A, упомянутом выше:

var whenConfig = ['$urlRouterProvider', function($urlRouterProvider) {

    $urlRouterProvider
      .when('/app/list', ['$state', 'myService', function ($state, myService) {
            $state.go('app.list.detail', {id: myService.Params.id});
    }])
    .otherwise('/app');
}];
...
app.config(whenConfig)

Сейчас - мы не можем.

UI-роутер "FIX" в 0.2.13

Это связано с "FIX" (в котором я просто не уверен), упомянутым в релизе 0.2.13

Исправление ошибок
$ состояние:
-...
- Избегайте повторной синхронизации из URL после.transitionTo ( b267ecd3, закрывается # 1573)

А вот новый код, добавленный в urlRouter.js:

if (lastPushedUrl && $location.url() === lastPushedUrl)
 // this line stops the corrent .when to work
 return lastPushedUrl = undefined;

lastPushedUrl = undefined;

Этот фрагмент кода оптимизирует / устраняет некоторые другие проблемы... но также отключает .when() функциональность

РЕШЕНИЕ

Как уже упоминалось, этот новый плункер показывает путь с версией 0.2.13+. Нам просто нужно прослушать изменение состояния, и если состояние "app.list", мы можем перейти к его деталям с некоторым идентификатором...

var onChangeConfig = ['$rootScope', '$state',
 function ($rootScope, $state) {

  $rootScope.$on('$stateChangeStart', function (event, toState) {    
    if (toState.name === "app.list") { 
      event.preventDefault();
      $state.go('app.list.detail', {id: 2});
    }
  });

}]

Проверьте плункер здесь

Источник

Вы можете сделать это в вашем контроллере тоже. Я думаю, что это чище, чем слушать изменения состояния.

Пример:

.controller 'YourControllerName', ($scope, $state) ->
    $state.go "center.question" if $state.is "center"
Источник
Другие вопросы по тегам