I got the following folder structure in my angular app. I'm trying to navigate from 
'view-roles' screen to 'update-role' screen on a button click event.

[![enter image description here](https://i.stack.imgur.com/JZpnj.png)](https://i.stack.imgur.com/JZpnj.png)

Following is my button click event.

```
public onButtonClick(data: any): any {

      this.router.navigate(['/admin/update-role']);

  }

```

and I got the below code in my 

> 
> admin.module.ts
> 
> 
> 

but it throws 404 error when I click the button. Is there any error in the way I'm using children path?

```
const routes: Routes = [

  {
    path: 'view-roles', component: ViewRolesComponent, data: { breadcrumbs: 'Roles' }, 
    children: [
      { path: './update-role', component: UpdateRoleComponent, data: { breadcrumbs: 'Role' } }
    ]
  }

];

```