Router config
To run router you should create _router.js config file, where describes rules for navigation
path
current route compares with path, and if they match then component is rendered
component
defines what router should to show
children
specifies all the child routes activated under the current route
{path: '/', component: 'app-home'}
leeds to root page
{path: 'example/:id', component: 'app-example-page'}
leeds to example page with ':id' param
{
path: 'parent',
component: 'app-parent-component'}
leeds to page parent with children
{path: '', component: 'app-child-root}
root child route
{path: 'child-component', component: 'app-child-one'}
shows child-component component inside parent component
{path: '404', component: 'app-not-found'}
leeds to 'not found page'
export let Routes = [
{path: '/', component: 'app-home'},
{path: 'example/:id', component: 'app-example-page'},
{
path: 'parent',
component: 'app-parent-component',
children: [
{path: '/', component: 'app-child-root},
{path: 'child-component', component: 'app-child-one'}
]
},
{path: '404', component: 'app-not-found'}
];