I need when write any parts text on text box then convert name i write on text box to partid
then add to URL
when my web app opened for first time it open like that
localhost:4200/overview
after that i write name of part on text input
if part exist on list parts it return id of name written
Example
user write Transistor and transistor have partid=6 on list parts
then URL will change to
localhost:4200/overview?partid=6
and after that access component overview
- navbar.component.ts
- export class NavBarComponent implements OnInit {
- keyword = 'name';
- part = new FormControl('Air');
- public parts = [
- {
- id: 1,
- name: 'hummer',
- },
- {
- id: 2,
- name: 'ball',
- },
- {
- id: 3,
- name: 'keys',
- },
- {
- id: 4,
- name: 'nails',
- },
- {
- id: 5,
- name: 'Air',
- },
- {
- id: 6,
- name: 'Transistor',
- }
- ];
- ngOnInit() {
- }
- selectEvent(item)
- {
- }
- onFocused(e)
- {
- }
- onChangeSearch(search: string)
- {
- }
textbox for search
- navbar.component.html
- [data]="parts"
- [searchKeyword]="keyword"
- (selected)='selectEvent($event)'
- (inputChanged)='onChangeSearch($event)'
- (inputFocused)='onFocused($event)'
- [itemTemplate]="itemTemplate"
- [notFoundTemplate]="notFoundTemplate">
Veerendra AnnigerePosted Dec 26, 2019, 8:55 AM
ahmed elbarbaryPosted Dec 22, 2019, 12:53 AM