Angular UI-Router $ urlRouterProvider。当我点击<a ui-sref="...">时不工作

Question

我在我的角度网络应用程序中有.when('/center', '/center/question') 。

当我在浏览器中输入'/center' ，它将按照我的预期重定向到'/center/question' ，但是当我点击<a ui-sref="center" href="#/center"></a> ，它不会重定向，只留在网址'/center' 。

我的控制台没有错误，我不知道为什么。

我在这里看到一个类似的问题角度UI-路由器$ urlRouterProvider。当不工作了 。我尝试了答案，但它仍然没有为我工作。

这是我的coffeescript代码：

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

Answer 1

有一个新的工作plunker （扩展Angular UI-Router $ urlRouterProvider。当不再工作*时* ） ，应该使用版本0.2.13+

以前的方案

直到版本0.2.12-我们可以使用$urlRouterProvider.when() ，在文档（小引用）中建议：

如何：设置默认/索引子状态

...
如果你想让'parent.index'网址非空，那么使用$ urlRouterProvider在你的module.config中设置一个重定向：

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

所以这是上面提到的问答中显示的解决方案：

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

这是由于版本0.2.13中提到的“FIX” （我根本不确定）

Bug修复
$状态：
- ......
- 避免在.transitionTo之后从url重新同步（ b267ecd3 ，关闭＃1573 ）

以下是urlRouter.js中添加的新代码 ：

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

lastPushedUrl = undefined;

这段代码正在优化/修复其他一些问题 ......但是，关闭.when()功能

解

如前所述，这款全新的plunker展示了0.2.13+版本的方式。 我们只需要听取状态变化，如果状态是“app.list”，我们可以通过一些id来详细说明...

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});
    }
  });

}]

在这里检查plunker

Answer 2

您也可以在控制器中执行此操作。 我认为这比听取国家变化更清晰。

例：

.controller 'YourControllerName', ($scope, $state) ->
    $state.go "center.question" if $state.is "center"