AngularJS新路由器 - 多个视口路由参数不起作用

时间:2015-10-24 14:40:40

标签: angularjs angularjs-new-router

我的SPA使用新的角度路由器。一切都运行良好,但现在我想将参数传递给其中一个组件。每个路由都有多个视口,在这种情况下,我无法获取传递给路由器的参数。

路由

AppController.$routeConfig = [
    {
        path: '/',
        redirectTo: '/home'
    },
    {
        path: '/home',
        components: {
            'main': 'home',
            'footer': 'footer'
        },
        as: 'home'
    },
    {
        path: '/request',
        components: {
            'main': 'request',
            'footer': 'footer'
        },
        as: 'request'
    },
    {
        path: '/request/:id',
        components: {
            'main': 'request',
            'footer': 'footer'
        },
        as: 'requestid'

    },
    {
        path: '/allItems',
        components: {
            'main': 'allItems',
            'footer': 'footer'
        }, as: 'allItems'
    }
];

调用路线

 <a class="btn btn-warning" aria-haspopup="true" aria-expanded="false" ng-link="requestid({id: 1})">

结果网址似乎是合法的

https://<sitename>/index.aspx#/request/1

控制器无法获取$ routeParams.id。

angular.module('app.request')
.controller('requestController', ['$routeParams', '$scope', function ($routeParams, $scope) {
    $scope.id = $routeParams.id;
}]);

我错过了什么?提前谢谢。

0 个答案:

没有答案