title: Angular2 Router and Multiple Resolves in one route
body: <p>In <code>ui-router</code> it's easy to make multiple resolves defined in the route configuration, so let's say something like:</p>
  <pre class="lang-js prettyprint-override"><code>export const APP_STATES: Ng2StateDeclaration[] = [
    {
      name: 'dashboard',
      url: '/dashboard', 
      component: DashboardComponent,
      resolve: [
        {
          token: 'playbookDurations',
          deps: [DashboardService],
          resolveFn: (svc: DashboardService) =&gt; svc.getPlaybookDurations()
        },
        {
          token: 'playbookSuccesses',
          deps: [DashboardService],
          resolveFn: (svc: DashboardService) =&gt; svc.getPlaybookSuccesses()
        },
        {
          token: 'playbookRuns',
          deps: [DashboardService],
          resolveFn: (svc: DashboardService) =&gt; svc.getPlaybookRuns()
        },
        {
          token: 'activityLog',
          deps: [DashboardService],
          resolveFn: (svc: DashboardService) =&gt; svc.getActivityLog()
        }
      ]
    }
  }];
  </code></pre>
  <p>when using the Angular2 router is requires you to implement a resolver pattern for the resolve parameter. So something like this:</p>
  <pre class="lang-js prettyprint-override"><code>import { Resolve, ActivatedRouteSnapshot, RouterStateSnapshot } from '@angular/router';
  import { Injectable } from '@angular/core';
  import { DashboardService } from '.';
  
  @Injectable()
  export class DashboardResolver implements Resolve&lt;any&gt; {
  
    constructor(private dashboardService: DashboardService) { }
  
    resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot) {
      return this.dashboardService.get();
    }
  
  }
  </code></pre>
  <p>then in my route I do something like:</p>
  <pre class="lang-js prettyprint-override"><code>import { DashboardComponent } from './dashboard.component';
  import { DashboardResolver } from './dashboard.resolver';
  
  export const routes = [
    { 
      path: '', 
      children: [
        {
          path: '', 
          component: DashboardComponent,
          resolve: {
            data: DashboardResolver
          }
        }
      ]
    }
  ];
  </code></pre>
  <p>problem is there is only ONE resolve. How does one implement multiple resolve arguments as the ui-router implementation does?</p>
  <p>I suppose you have 2 options: implement resolvers for each one of those inputs OR have the resolve return an object with all your resolves nested. The first seems pretty ceremonial and the second sounds pretty hacky so there has to be a better way.</p>