title: AngularJS New Router - Multiple Viewports route parameter is not working
body: <p>My SPA uses the new angular router. Everything is working well, but now I would like to pass a parameter to one of the components. There are multiple viewports in every routing, and in this case I can't grab the parameter passed to the router.</p>
  
  <p>The routing</p>
  
  <pre><code>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'
      }
  ];
  </code></pre>
  
  <p>The calling of the route</p>
  
  <pre><code> &lt;a class="btn btn-warning" aria-haspopup="true" aria-expanded="false" ng-link="requestid({id: 1})"&gt;
  </code></pre>
  
  <p>the result url seems legit</p>
  
  <pre><code>https://&lt;sitename&gt;/index.aspx#/request/1
  </code></pre>
  
  <p>The controller cannot get the $routeParams.id.</p>
  
  <pre><code>angular.module('app.request')
  .controller('requestController', ['$routeParams', '$scope', function ($routeParams, $scope) {
      $scope.id = $routeParams.id;
  }]);
  </code></pre>
  
  <p>What I've missed? Thanks in advance.</p>