在运行时配置angularjs路由

发布时间：2020-12-17 17:12:52 所属栏目：安全来源：网络整理

导读：我的路由设置如下： angular.module('MyApp',['MyApp.controllers']). config(['$routeProvider',function($routeProvider) { $routeProvider.when('/foo',{ templateUrl: '/fooTemplate',controller: 'FooCtrl' }); }] ); 我想做的是在运行时为’/ foo’添

我的路由设置如下：

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})

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!