angular 中的$routeParams和$route.current.params的区别是什么?


路由:


 .when('/view/:recipeId',{
        controller:'ViewRecipe',
        templateUrl:'views/viewRecipe.html',
        resolve:{
            recipe:['loadRecipe',function(loadRecipe){
                 return loadRecipe()
            }]
        }
    })

当路由跳到 http://10.22.7.40:9000/#/view/3 的时候
使用$route.current.params为{recipeId:3},但是$routeParams却是{}
想知道原因是什么? 谢谢~

前端 angularjs 路由器 单页应用 JavaScript

Editor 10 years, 4 months ago

建议使用angular-ui-router插件,获取参数直接通过$stateParams即可

好多黑子啊 answered 10 years, 4 months ago

我不知道你是在哪里查看 $routeParams 的,我猜是在 resolve: 那里吧?这就是原因。请仔细阅读 $routeParams 的文档 ,不长,10 分钟就读完了。帮你总结一句话:

Note that the $routeParams are only updated after a route change completes successfully . This means that you cannot rely on $routeParams being correct in route resolve functions .

然后你可以再看看 文档里的这个例子 ,注意这个例子里模拟了异步的延迟,于是当你切换 routes 的时候,仔细观察 $route.current.params $routeParams 的变化顺序;另外看清楚这个例子是在哪里去获取 $routeParams 的。

要学会看文档呀~

train answered 10 years, 4 months ago

Your Answer