首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >Angular ui-单击<a ui-sref="...">时路由器$urlRouterProvider .when不工作

Angular ui-单击<a ui-sref="...">时路由器$urlRouterProvider .when不工作
EN

Stack Overflow用户
提问于 2014-11-25 14:44:04
回答 1查看 35.5K关注 0票数 18

我在我的angular web应用中安装了.when('/center', '/center/question')

当我在浏览器中输入'/center'时,它会像我预期的那样重定向到'/center/question',但当我点击<a ui-sref="center" href="#/center"></a>时,它不会重定向,只是停留在url '/center'上。

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

我在这里看到了一个类似的问题,Angular UI-Router $urlRouterProvider .when not working .I尝试回答,但它仍然不适用于我。

下面是我的coffeescript代码:

代码语言:javascript
复制
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
EN

回答 1

Stack Overflow用户

发布于 2014-12-16 10:28:23

你也可以在你的控制器中做到这一点。我认为这比听状态变化要干净。

示例:

代码语言:javascript
复制
.controller 'YourControllerName', ($scope, $state) ->
    $state.go "center.question" if $state.is "center"
票数 3
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/27120308

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档