title: router navigate doesn't redirect to other page
body: <p>I would redirect user to another page when he clicks on a datatable row</p>
  
  <p>In <strong>HTML</strong></p>
  
  <pre><code>&lt;p-table  [value]="users" selectionMode="single"  [(selection)]="selectedUser" dataKey="uid" (onRowSelect)="selectedUserDetails($event)" styleClass="tab-result"&gt;
  </code></pre>
  
  <p>in TS file </p>
  
  <pre><code>selectedUserDetails(userDetails) {
     console.log(userDetails);
     console.log("enterhere"); // is printed on console dev
     this.router.navigate['/userdetails'];
  }
  </code></pre>
  
  <p>In <strong>module routing</strong></p>
  
  <pre><code>const routes: Routes = [
    {
      path: "",
      component: AdministrationComponent,
      children: [
        { path: "", component: ResulTabComponent, pathMatch: "full" },
        { path: "userdetails", component: UserDisplayComponent }
      ]
    }
  ];
  </code></pre>
  
  <p>For information administration route is lazy loaded on this path <code>http://localhost:4200/administration</code></p>
  
  <p>userdetails should be <code>http://localhost:4200/administration/userdetails</code></p>
  
  <p>In <strong>administration component</strong> </p>
  
  <pre><code>&lt;router-outlet&gt;&lt;/router-outlet&gt;
  </code></pre>
  
  <p>My problem is that when clicking I don't get redirected to the <code>userdetails</code> page but when I navigate to /userdails from url bar I see the component</p>