Angular UI-Router $ urlRouterProvider单击时不起作用

如何解决Angular UI-Router $ urlRouterProvider单击时不起作用?
先前的解决方案 在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修复$状态: - ...... -从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”,我们可以使用一些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});
}
});
}]
解决方法
我.when('/center','/center/question')在我的角度web应用程序。

当我'/center'在浏览器中键入内容时,它会重定向到'/center/question'我期望的位置,但是当我单击时<aui-sref="center" href="#/center">,它不会重定向,而是停留在url上'/center'。

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

当不再工作时 我在这里看到了一个类似的问题AngularUI-Router$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
声明:地推任务网所有作品(图片、文字)均由用户自行上传分享,仅供网友学习交流。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

dituirenwu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值