在运行时配置angularjs路由

前端之家收集整理的这篇文章主要介绍了在运行时配置angularjs路由前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我的路由设置如下:

angular.module('MyApp',['MyApp.controllers']).
  config(['$routeProvider',function($routeProvider) {
    $routeProvider.when('/foo',{
        templateUrl: '/fooTemplate',controller: 'FooCtrl'
      });
    }]
  );

我想做的是在运行时为’/ foo’添加路径前缀,因此根据我的应用程序的配置方式,路径可能是/ foo,可能是/ some / arbitrary / path / foo等.

理想情况下我可以这样写:

...
$routeProvider.when(prefix + '/foo',{
    templateUrl: '/fooTemplate',...

但无法弄清楚如何将该前缀注入我的config方法.

解决方法

它应该是这样的:

.when('/:prefix/foo',{templateUrl: 'details.html',controller: DetailsCtrl})

然后,前缀将在控制器中通过$routeParams提供.如果您希望它在没有前缀的情况下处理选项foo,只需将其放在路由中并确保它在上面的示例之前.

.when('/foo',controller: DetailsCtrl})
.when('/:prefix/foo',controller: DetailsCtrl})

猜你在找的Angularjs相关文章