如何使用 Angular 删除选择选项答案

【问题标题】：How to remove a select option using Angular如何使用 Angular 删除选择选项
【发布时间】：2017-07-07 21:26:03
【问题描述】：

我对 angular2 / TS / ES6 比较陌生，我似乎无法在任何地方找到答案。

我有一个使用 ngFor 动态呈现的选项，这些选项在一个数组中。 select 用于选择产品的选项。一旦选择了一个选项，它就会被推送到另一个存储产品选择属性的数组。我希望从 DOM 中删除该选项，以便在选择一次后它不会妨碍用户。我知道我可以禁用它，但我真的很想完全删除该选项。

任何帮助都会很棒。我无法理解如何使用 Angular 2+ 操作 DOM

【问题讨论】：

您可以从另一个道具渲染选项，例如“availableOptions”，它是带有选项的原始数组的切片。当您将选择的选项推送到另一个数组时，也会在“availableOptions”中删除它。跨度>

【解决方案1】：

一旦您获得选定的选项，请尝试将其从原始数组中删除。这确实重新呈现了下拉菜单。如果直接修改原始数组不起作用，则删除元素并执行类似的操作。

OriginalArray = Object.assign([],OriginalArray)

【讨论】：