Currently, I am utilizing an autocomplete feature and aiming to save the IDs of the selected users.
My goal is to store these IDs in a string array, ensuring that all values are unique with no duplicates.
I have attempted to push and convert the values using toString(), but unfortunately, it did not work as expected.
If anyone could provide some assistance, it would be greatly appreciated.
The desired output should look something like this: ["1", "2", "3", "4"]
Check out my code for a working demonstration here.
COMPONENT
ngOnInit() {
this.userService.getUsers().subscribe(
(val: any[]) =>{
this.allFruits = val.map(user => {
this.nameIdMap.set(user.username, user.id);
return user.username
});
this.fruitCtrl.setValue(null); //use this to apply changes instantly
}
)
}
remove(fruit: string): void {
const index = this.fruits.indexOf(fruit);
if (index >= 0) {
this.fruits.splice(index, 1);
}
}
arr:any;
selected(event: MatAutocompleteSelectedEvent): void {
var a = this.nameIdMap.get(event.option.viewValue);
console.log(a);
// var b = this.arr.push(a);
// var c = b.map((input) => input).join(",").toString();
// console.log(c)
this.fruits.push(event.option.viewValue);
this.fruitInput.nativeElement.value = '';
this.fruitCtrl.setValue(null);
}