AngularJS 有动态路由吗? [英] Does AngularJS have dynamic routing?

问题描述

angular 是否支持动态路由?也许是这样的伎俩:

Does angular support dynamic routing at all? Maybe some trick like this:

$routeProvider.when('/:ctrl/:action', 
                     getRoute($routeParams.ctrl,$routeParams.action))

function getRoute(ctrl, action){
   return {
      templateUrl: ctrl+"-"+action+".html"
      controller: 'myCtrl'
   }
}

请帮帮我，我需要根据 routeParams 获取 templateUrl

Please help me, I need to get templateUrl based out of routeParams

推荐答案

这是一个迟到的答案，但我自己遇到了这个问题，但事实证明 Dan 的解决方案与 ngView 指令上的 ngAnimate 类发生冲突，并且视图显示但 ng-leave 动画将立即应用并隐藏使用他的动态路由打开的视图.

This is a late answer but I came across this problem myself, but it turns out that the solution by Dan conflicts with ngAnimate classes on the ngView directive, and the view is shown but the ng-leave animation will immediately be applied and hide the view opened with his dynamic routing.

我在这里找到了完美的解决方案，它在 1.1.5 + 中可用

I found the perfect solution here, and it's available in 1.1.5 +

在$routeProvider中，templateUrl的值可以是一个函数，并传入路由参数:

In the $routeProvider, the templateUrl value can be a function, and is passed the route parameters:

app.config(function ($routeProvider) {
$routeProvider
    .when('/:page', {
         templateUrl: function(routeParams){
             return '/partials/'+routeParams.page+'.html';
        }
    })
});

虽然控制器不能作为函数给出，所以我的解决方案是像往常一样使用 ng-controller="HomeCtrl" 在模板 html 中给出它.

Though the controller can't be given as a function so my solution is to give it in the template html as per usual with ng-controller="HomeCtrl".

使用此解决方案，我们可以在 Angular 中按惯例进行路由.我希望这可以帮助那些不热衷于将每条路线手动添加到 routeProvider 的其他人.

Using this solution we can route by convention in Angular. I hope this helps others who weren't keen on manually adding every route to the routeProvider.

这篇关于AngularJS 有动态路由吗?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！