您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

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

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

我找不到注入和使用该$routeParams服务的方法(我认为这是一个更好的解决方案),我尝试过这种想法,认为它可能会起作用:

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

产生此错误

未知提供者:myApp中的$ routeParams

如果无法执行类似的操作,则可以将其更改templateUrl为指向刚刚具有的部分HTML文件ng- include然后使用来在控制器中设置URL,$routeParam如下所示:

angular.module('myApp', []).
    config(function ($routeProvider) {
        $routeProvider.when('/:primaryNav/:secondaryNav', {
            templateUrl: 'resources/angular/templates/nav/urlRouter.html',
            controller: 'RouteController'
        });
    });

function RouteController($scope, $routeParams) {
        $scope.templateUrl = 'resources/angular/templates/nav/'+$routeParams.primaryNav+'/'+$routeParams.secondaryNav+'.html';
    }

以此为你 urlRouter.html

<div ng-include src="templateUrl"></div>
其他 2022/1/1 18:13:57 有639人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶