Как отключить выпадающий при выборе 1-го или 2-го выпадающего наоборот

Question

У меня 2 выпадающих списка.

Я заполняю их кодом продукта (1-й выпадающий список) и названием продукта (2-й выпадающий список). Мне нужно отключить раскрывающийся список в зависимости от выбора. Предположим, я выбрал 1-й выпадающий список, а затем отключил 2-й выпадающий список. То же самое, наоборот, выбрал 2-й выпадающий, затем необходимо отключить 1-й выпадающий.

Answer 1

Приведенный ниже код - то, что вам нужно. Если пользователь снова выберет выбранную опцию, все раскрывающиеся списки будут включены, чтобы они могли повторно выбрать другую раскрывающуюся опцию.

Для этого используется двусторонняя привязка данных ([(отключено)] = "productNameSelected").

См. Это

HTML:

<select id='selectProductCode' (change)="productCodeChanged($event)" [(disabled)]="productNameSelected" >
    <option value="0">Choose code </option>
    <option value="1">Code1</option>
    <option value="2">Code2</option>
 </select>
 <select id='selectProductName' (change)="produvtNameChanged($event)" [(disabled)]="productCodeSelected" >
    <option value="0">Choose name </option>
    <option value="1">Name1</option>
    <option value="2">Name 2</option>
</select>

Тип сценария:

productCodeSelected: boolean = false;
productNameSelected: boolean = false;
productCodeChanged(args) {
var value = args.target.value;
if (value > 0) {
  this.productCodeSelected = true;
}
else {
  this.productCodeSelected = false;
 }
}

produvtNameChanged(args) {
 var value = args.target.value;
 if (value > 0) {
  this.productNameSelected = true;
}
else {
  this.productNameSelected = false;
 }
}