title: Can't route to correct component in Angular
body: <p>Not sure if I'm setting my routing up correctly.
  I can't seem to route to the 'MemberEditComponent' using</p>
  <pre><code>[routerLink]=&quot;['/members/edit']&quot;
  </code></pre>
  <p>Here is my app-routing section for my members module</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>{
    path: 'members',
    runGuardsAndResolvers: 'always',
    canActivate: [AuthGuard],
    loadChildren: () =&gt;
      import ('./members/members.module')
      .then(mod =&gt; mod.MembersModule)
  },</code></pre>
  </div>
  </div>
  </p>
  <p>Here is my members-routing file, where routing to members works fine and routing to
  '/members/1' works fine, but I can't figure out how to route to
  '/members/edit'</p>
  <p>I tried both</p>
  <blockquote>
  <p>path: ':edit',</p>
  </blockquote>
  <p>and</p>
  <blockquote>
  <p>path: '/edit',</p>
  </blockquote>
  <p>and</p>
  <blockquote>
  <p>path: 'edit',</p>
  </blockquote>
  <p>and none work</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const routes: Routes = [{
      path: '',
      component: MembersComponent
    },
    {
      path: ':id',
      component: MemberDetailsComponent,
      resolve: {
        user: MemberDetailResolver
      }
    },
    {
      path: ':edit',
      component: MemberEditComponent,
      canDeactivate: [PreventUnsavedChangesGuard]
    },
  ];</code></pre>
  </div>
  </div>
  </p>