title: angular 10 routing & navigation error with parameter
body: <p>route array</p>
  <pre><code>const routes: Routes = [
   ...
    {path:'exam-list',component: ExamListComponent},
      {path:'exam-panel/:Id',component: ExamPanelComponent}
  ..
  ];
  </code></pre>
  <p>array imported</p>
  <pre><code>@NgModule({
    imports: [RouterModule.forRoot(routes)],
  </code></pre>
  <p>click event</p>
  <pre><code>onSelect(examdetails)
  {
  this.router.navigate(['exam-panel',examdetails.Id])
  }
  </code></pre>
  <p>on click event onselect()</p>
  <p>I got this error
  <strong>Error: Uncaught (in promise): Error: Cannot match any routes. URL Segment: 'exam-panel'</strong>
  with parameter
  when I am using routerLink it's work fine but on click event is not working with router.navigate</p>
  <p><strong>when i am using [routerLink]=&quot;['/exam-panel/',examdetails.Id]&quot; it's working but when I am using &quot;router.navigate&quot; it naviagte first route exam-panel with parmeter ok, then automatically route to home page</strong></p>