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

如何动态绑定angular 2下拉列表,angular,Angular,我有一个下拉列表,如下所示 <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 +', '

我有一个下拉列表,如下所示

<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>

选择一个用户
{{item.lastName+','+item.firstName}

从下拉列表中选择任何值后,我将删除该值,删除后我如何再次刷新下拉列表值。

成功删除后,您应该调用相同的函数,该函数将为您提供下拉输出。我希望您在删除一个值后获得更新的数据

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

您正在调用一个服务来填充此下拉列表数据吗?是的,我正在调用一个服务来填充此下拉列表,一旦此组件被初始化。为什么要再次刷新下拉列表值?您可以在此处发布删除函数吗!delete(){this.us.DeleteUser(user).subscribe((数据)=>{this.users.push(数据);},(err)=>{console.log(“添加错误”,err)});这是delete函数