Angular4中的动态选择选项管道

Question

我有几个选择字段，每个字段都有很多选项。我想根据其他选项中选择的选项来限制其中一些选项显示的选项数量。例如，如果我从第一个选择中选择选项A，则在第二个选择中只有选项A和B可见（而我通常在这里有更多选项）。

示例选择如下所示：

<label>
    <span class="label-text">Transactions</span>
    <select formControlName="transaction">
    <option [selected]="true">
          --Choose--
    </option>
    <option *ngFor="let transaction of transactionOptions"
            [value]="transaction">
            {{transaction}}
    </option>
    </select>
</label>

所有选择的所有值都放在单独的数组中。我正在考虑应用一些管道来动态过滤选项列表，但我不知道在Angular4中最合适的方法是什么（我在这个框架中是新的）。有人可以给我一些建议吗？