具有共享过滤选项的 Angular 15 反应形式的多个选择输入

Question

我正在构建一个具有动态生成的选择元素的 Angular 15 反应表单，让用户映射列以进行 .csv 导入。

我想以这种方式过滤所有选择的元素：

1. 用户在一个选择元素中选择一个选项。
2. 所有其他选择元素的可用选项列表已删除该选项。
3. 取消选择先前选择的选项时，可用选项列表将更新以重新添加选项。

这是一个 StackBlitz 以更好地展示我正在努力完成的事情。

我不知道如何在不破坏用户已经在其他元素中选择的内容的情况下通过更新来管理选择元素的过滤。我需要管理 3 个不同的阵列吗？原始列表、当前列表、新列表？

任何帮助表示赞赏。