我有.when('/center', '/center/question')
在我的 Angular Web 应用程序中。
当我输入 '/center'
时在我的浏览器中,它将重定向到 '/center/question'
正如我所料,但是当我点击 <a ui-sref="center" href="#/center"></a>
,它不会重定向,只会停留在 url '/center'
上.
我的控制台没有错误,我不知道为什么。
我在这里看到一个类似的问题 Angular UI-Router $urlRouterProvider .when not working anymore .我尝试了答案,但它仍然不适合我。
这是我的 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
最佳答案
有一个new working plunker (扩展 Angular UI-Router $urlRouterProvider .when not working *anymore*),它应该与 0.2.13+
上一个解决方案
在 0.2.12-
版本之前,我们可以使用 $urlRouterProvider.when()
,文档中建议 (小引用) :
How to: Set up a default/index child state
...
if you want the 'parent.index' url to be non-empty, then set up a redirect in your module.config using $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)
现在 - 我们不能。
0.2.13
中的 UI 路由器“FIX”
这是由于版本 0.2.13 中提到的“FIX”(我只是不确定)
Bug Fixes
$state:
- ...
- Avoid re-synchronizing from url after .transitionTo (b267ecd3, closes #1573)
这里是 new code added in the 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 here
关于javascript - Angular UI-Router $urlRouterProvider 。当我单击 <a ui-sref ="..."> 时不工作时,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27120308/