如何动态绑定Angle 2下拉列表

Question

I have a dropdown like shown below

<select  id="usersList" style="width:200px" (change)="onUserChange($event)">
 <option value="" disabled selected>Select a User</option>
 <option *ngFor="let item of users" [value]="item.sid">{{item.lastName +', '+ item.firstName}}</option>
</select>

After selecting any value from the dropdown, I am deleting that value, Afer deletion how can I refresh the drop-down values again.

Answer 1

after successful deletion, you should call the same function which is giving you the drop-down output I hope you will get updated data after deletion of your one value.

delete() {
        this.us.DeleteUser(user).subscribe((data) => { this.yourfunction_to_call_dropdowndata();
}, (err) => { console.log("Add error", err) });
    }