Hi i make local web app with angular 7
I need when write on URL
localhost:4200/overview?partid=10
routing to component overview
my Question how to make routing to be as above
so can you please help me
import { QualificationsComponent } from
'./Pages/qualifications/qualifications.component';
import { FamilyComponent } from './Pages/family/family.component';
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { OverviewComponent } from './Pages/overview/overview.component';
import { ManufacturingComponent } from
'./Pages/manufacturing/manufacturing.component';
import { PackageComponent } from './Pages/package/package.component';
import { ParametricComponent } from
'./Pages/parametric/parametric.component';
const routes: Routes = [
{ path: '', component: OverviewComponent },
{ path: 'overview', component: OverviewComponent },
{ path: 'family', component: FamilyComponent },
{path:'manufacturing',component:ManufacturingComponent},
{path:'package',component:PackageComponent},
{path:'parametric',component:ParametricComponent},
{path:'qualifications',component:QualificationsComponent},
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
import { CompanyService } from './../../service/company.service';
import { Component, OnInit } from '@angular/core';
import { PartDetailsService } from 'src/app/service/part-details.service';
@Component({
selector: 'app-overview',
templateUrl: './overview.component.html',
styleUrls: ['./overview.component.css']
})
export class OverviewComponent implements OnInit {
public companyProfile;
constructor(public partDetailsService: PartDetailsService
, public companyService: CompanyService) {
}
ngOnInit() {
//How to catch or rcognize Partid=10 here on component overview
}
--
You received this message because you are subscribed to the Google Groups
"Angular and AngularJS discussion" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/angular/0cb8d9a7-1a9e-4bff-942e-9ff14d6870d4%40googlegroups.com.
