title: Angular Router - Nested Child with id
body: <p>Part of my angular router looks like this:</p>
  <pre><code>{
    path: 'things',
    component: ThingsComponent,
    children: [
      {
        path: ':id',
        component: ThingDetailComponent
      }
    ]
  }
  </code></pre>
  <p>When hitting <code>localhost:4200/things/3</code>, why is it landing on <code>ThingsComponent</code> and not <code>ThingDetailComponent</code>?</p>