<mat-form-field class="example-full-width">
<input matInput placeholder="Enter name" [(ngModel)]="partname"
(click)="onClick(partname)">
</mat-form-field>
note: i guess you can pass in partname since you are binding the html value
or something to a prop of your component into onClick but i really do not
ngModel. whatever it is i believe you can figure.
but, this is what i would do:
I'd use a template reference variable
<mat-form-field class="example-full-width">
<input matInput placeholder="Enter name" [(ngModel)]="partname"
(keyup)="onClick(el)" #el>
</mat-form-field>
interface partProps {
id: number;
partname: string;
}
somewhere in your component:
public onClick(el: any): void {
const {id} = this.searchParts(el.id);
console.log({id});
}
// i strongly suggest that you use a service for all this, considering
convention and best practice
private searchParts(name: string): partsProps {
return this.parts.find((cur) => {
return cur.partname === name;
});
}
On Thu, Dec 26, 2019 at 7:12 AM ahmed elbarbary <[email protected]>
wrote:
> *problem*
>
> How to get id from list when text input match or equal items exist on list
> ?
>
> I work on angular 7
>
> 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 .
>
> navbar.component.ts
> export class NavBarComponent implements OnInit { public parts = [ { id: 1,
> partname: 'hummer', }, { id: 2, partname: 'Transistor', }, { id: 3, partname:
> 'Air', } ]; ngOnInit() { }
>
> *So How to get partid from list when text box text matched items on list ?*
>
> --
> 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/15452628-b314-489f-a573-06b4263636b7%40googlegroups.com
> <https://groups.google.com/d/msgid/angular/15452628-b314-489f-a573-06b4263636b7%40googlegroups.com?utm_medium=email&utm_source=footer>
> .
>
--
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/CANmMz6STDWo6zOsgYtNA1Czw3449yXJpnDf3TG2UiBo3r7iYtg%40mail.gmail.com.
