Use this
this.router.navigate(['/ overview '], { queryParams: { partid : 10 } });
On Thursday, December 19, 2019 at 5:33:36 AM UTC+9, ahmed elbarbary wrote:
>
>
>
> بتاريخ الأربعاء، 18 ديسمبر، 2019 10:19:27 م UTC+2، كتب ahmed elbarbary:
>>
>> 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
>>
> app-routing.module.ts
>
>> 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 angular+unsubscr...@googlegroups.com.
To view this discussion on the web visit
https://groups.google.com/d/msgid/angular/7a7d5dc7-9f13-4bb2-afe5-3b56507acee5%40googlegroups.com.
