*problem*

How to generate URL have partid based on part name written on text input ?

I have input text on nvabar.Component.html write on it part name as 
following :

 
   <mat-form-field class="example-full-width">
    <input matInput placeholder="Enter name" [(ngModel)]="partname" >
  </mat-form-field>

I need when write on text input Transistor part then I will search on list 
parts and get partid =2 .

then display it in URL as following :

localhost:4200/overview?partid=2
And I can access to Overview Component

navbar.component.ts

export class NavBarComponent implements OnInit {
public parts = [


{
id: 1,
partname: 'hummer',
},
{
id: 2,
partname: 'Transistor',
},
{
id: 3,
partname: 'Air',
}


];
ngOnInit() {
}

Overview.Component.ts Compoent overview I need to access


export class OverviewComponent implements OnInit {


constructor() {


}
ngOnInit() {
//access partid value  i will get from URL
}

app-routing.module.ts represent routing as following :


const routes: Routes = [


{ path: 'overview', component: OverviewComponent },
{ path: '' , redirectTo: '/overview', pathMatch: 'full'}

-- 
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/7e9adc08-0c8a-4ac0-8bd9-dca15d77c944%40googlegroups.com.

Reply via email to