如果创建了第二个下拉列表,请更改第一个下拉选项

时间:2021-04-18 20:07:26

标签: html angular typescript dropdown

我正在尝试使用下拉菜单中的 AND、OR、NIL 运算符来执行逻辑运算。最初,下拉列表包含所有三个运算符。单击下拉选项“addNestedCondition()”将被调用,如果从下拉列表中选择“NIL”,则什么都不会发生,如果选择“AND/OR”运算符 然后它将使用相同的三个运算符创建新的下拉列表。我已使用此角度代码打印下拉列表。

<select class="form-control custom-select width60"
        (change)="addNestedCondition(thresholdCondition,-1)"
         formControlName="operation">
    <option *ngFor="let ops of conditionalOperation"
          [value]="ops.value">
            {{ops.name}}
     </option>
</select>

conditionalOperation 所在的位置,

conditionalOperation = [
  { name: "Nil", value: ThresholdOperation.UnKnown },
  { name: "AND", value: ThresholdOperation.And },
  { name: "OR", value: ThresholdOperation.Or },
];

现在我想要实现的是,如果我选择“AND/OR”运算符,它应该添加另一个包含所有三个运算符的下拉列表,并且它应该从上一个下拉列表中删除 NIL 运算符。如果我删除新添加的下拉列表,那么之前的下拉列表应该再次包含所有三个运算符。

enter image description here

我找不到根据下拉列表是否具有嵌套下拉列表(条件)来更改下拉列表选项的正确方法。请有人帮我想出一个主意。

0 个答案:

没有答案
相关问题