title: Passing parameters to popup dialog
body: <p>I'm passing an id from one component to another and face this error.</p>
  
  <p>“cannot read property ”id" of null"</p>
  
  <p>--> parent route (/order.component)</p>
  
  <ul>
  <li>I have a button called Make payment and navigate by using the code below </li>
  </ul>
  
  <pre><code>[routerLink]="['/order/payment'];
  </code></pre>
  
  <p>--> other route (/order-payment.component) -> not sure how to register this as child routes. I navigate to the order-payment page by using routerLink as shown above</p>
  
  <p>Once, i reach the payment page. I like to pass the order id to the modal dialog to do some processing by clicking on Pay button.</p>
  
  <p>Using routerLink again,</p>
  
  <pre><code>[routerLink]="['/', 'order', { outlets: { popup: order.id + '/payment'} }]"
  </code></pre>
  
  <p>After clicking on Pay button, this appears in my url:</p>
  
  <p>order/(payment//popup:3/processPayment)</p>
  
  <p><strong>route.ts</strong></p>
  
  <pre><code>export const OrderRoute: Routes = [
  {
      path: '',
      component: OrderComponent,
      resolve: {
          pagingParams: JhiResolvePagingParams
      },
      data: {
          authorities: ['ROLE_USER'],
          defaultSort: 'id,asc',
          pageTitle: ''
      },
      canActivate: [UserRouteAccessService]
  },
  {
      path: ':id/view',
      component: OrderDetailComponent,
      resolve: {
          order: OrderResolve
      },
      data: {
          authorities: ['ROLE_USER'],
          pageTitle: ''
      },
      canActivate: [UserRouteAccessService]
  },
  
  {
      path: ':id/processPayment',
      component: PaymentPopupComponent,
      data: {
          authorities: ['ROLE_USER'],
          pageTitle: ''
      },
      canActivate: [UserRouteAccessService],
      outlet: 'popup'
  }
  </code></pre>
  
  <p>Order page</p>
  
  <ul>
  <li>Button ([routerLink]="['/order/payment'];)</li>
  </ul>
  
  <p>Payment page</p>
  
  <ul>
  <li>Button ([routerLink]="['/', 'order', { outlets: { popup: order.id + '/payment'} }]")</li>
  </ul>