AngularJS - 如何在生成templateUrl时使用$ routeParams？

Question

AngularJS - 如何在生成templateUrl时使用$ routeParams？

我们的应用程序有2级导航。我们想使用AngularJS $routeProvider动态地为模板提供模板<ng-view />。我正在考虑按照以下方式做一些事情：

angular.module('myApp', []).config(['$routeProvider', function($routeProvider) {
    $routeProvider.when('/:primaryNav/:secondaryNav', {
        templateUrl: 'resources/angular/templates/nav/'+<<primaryNavHere>>+'/'+<<secondaryNavHere>>+'.html'
    });}]);

我只是不知道如何填充内部的部分<<>>。我知道primaryNav和secondaryNav绑定到$ routeParams，但是如何在这里访问$ routeParams以动态提供模板？

Answer 1

templateUrl可以用作返回生成的URL的函数。我们可以通过传递带有routeParams的参数来操纵url。查看示例。.when('/:screenName/list',{     templateUrl: function(params){          return params.screenName +'/listUI'     }})希望这有帮助。