我刚用$transitions.onStart替换了$stateChangeStart
$rootScope.$on('$stateChangeStart',function(e,...){
e.preventDefault();
// other code goes here...
});
至
$transitions.onStart({},function(tras){
// need a code equivalent to e.preventDefault
// need a code to identify event.defaultPrevented
// other code goes here...
// get parent states
_o.util.getAncestorStates(toState.name,true).reverse()
.forEach(function (state) {
// certain condition to call event.preventDefault()
if(event.defaultPrevented) {....}
});
});
我想,我们可以通过添加return $q.reject()而不是e.preventDefault()来阻止转换,但我无法理解下面的代码如何返回$q.reject()执行.
另外,如何替换event.defaultPrevented？
我认为应该在transition.promise上做点什么,但不清楚.
对不起,我无法轻易理解官方文档–https://ui-router.github.io/ng1/docs/latest/.任何人都可以帮我找到更好的解释或替换上面的代码吗？
解决方法
您可以根据您的逻辑选择以下两个选项之一：
>由于angular-ui-router 1.0.3,您可以使用$transition.abort().如果您必须在异步调用后中止状态更改,则选择更清洁.
$transitions.onStart({},function($transition) {
$transition.abort();
//more code...
});
>另外,正如@tanmay在评论中所说,你可以使用一个简单的return false取消它.这也适用于非稳定版本(1.0.0.beta和1.0.0.rc). (Check it in ui-rooter docs)
$transitions.onStart({},function($transition) {
//code ...
return false;
});
