Support Topics Documentation Slack YouTube Blog

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


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

I have input text part name when i write part name i need to get his partid

then pass to URL

suppose input text is Transistor part then I will search on list parts and get

partid =6 of part name Transistor

then display it in URL as following :


And I can access to Overview Component


export class NavBarComponent implements OnInit {
keyword = 'name';
part = new FormControl('Air');
public parts = [

id: 1,
name: 'hummer',
id: 2,
name: 'ball',
id: 5,
name: 'Air',
id: 6,
name: 'Transistor',

ngOnInit() {



onChangeSearch(search: string) 


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

const routes: Routes = [

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

Hi @ahmed_elbarbary

Seems your question is not related to Backendless, isn’t it?
I believe you will find the answer pretty quickly if ask it in Angular community

Regards, Vlad