route child

import { NgModule } from '@angular/core';
import { Routes, RouterModule } from "@angular/router";
import { IndexComponent } from './index/index.component';
import { DespesaComponent } from './despesa/despesa.component';
import { ReceitaComponent } from './receita/receita.component';
import { ResumoMensalComponent } from './resumo-mensal/resumo-mensal.component';
import { ResumoAnualComponent } from './resumo-anual/resumo-anual.component';


const routes: Routes = [
    // App routes goes here here
    {
        path: 'dashboard',
        component: IndexComponent,
        children: [
            { path: '', component: IndexComponent },
            { path: 'despesa', component: DespesaComponent },
            { path: 'receita', component: ReceitaComponent },
            { path: 'despesa/mensal', component: ResumoMensalComponent },
            { path: 'despesa/anual', component: ResumoAnualComponent },
        ]
    }
]


@NgModule({
    declarations: [DespesaComponent],
    imports: [ RouterModule.forChild(routes) ],
    exports: [ RouterModule ],
    providers: [],
})


export class DashboardRoutingModule {}