如何动态绑定 Angular 2 下拉菜单答案

【问题标题】：How to bind angular 2 dropdown dynamically如何动态绑定 Angular 2 下拉菜单
【发布时间】：2018-08-06 17:46:58
【问题描述】：

我有一个如下所示的下拉菜单

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

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

【问题讨论】：

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

标签： angular

【解决方案1】：

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

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

【讨论】：