一个输入有两个 ngModel

Question

我有一个输入select，我想输入 2 个 ngModel。

ngModel 最低价格。 ngModel priceMax.

可以吗？或者我必须使用 ngChange 吗？

<div class="form-group">
          <label for="exampleFormControlSelect1">Precio</label>
          <select [(ngModel)]="searchAside.priceMin" [(ngModel)]="searchAside.priceMax" name="price" class="custom-select">
              <option [value]="undefined">Todos</option>
              <option [value]="10000">€0 - €10.000</option>
              <option [value]="25000">€25.000 - €50.000</option>
              <option [value]="50000">€50.000 - €100.000</option>
              <option [value]="100000">€100.000 - €250.000</option>
              <option [value]="250000">€250.000 - €500.000</option>
              <option [value]="500000">€500.000 +</option>
            </select>
        </div>

Answer 1

我个人认为这是不可能的，但如果您真的需要它，可以根据您的需要采取解决方法。

Answer 2

试试这个解决方案。

HTML

<div class="form-group">
      <label for="exampleFormControlSelect1">Precio</label>
      <select [(ngModel)]="searchAside.priceMin (change)="onChange($event.target.value)" name="price" class="custom-select">
          <option [value]="undefined">Todos</option>
          <option [value]="10000">€0 - €10.000</option>
          <option [value]="25000">€25.000 - €50.000</option>
          <option [value]="50000">€50.000 - €100.000</option>
          <option [value]="100000">€100.000 - €250.000</option>
          <option [value]="250000">€250.000 - €500.000</option>
          <option [value]="500000">€500.000 +</option>
        </select>
    </div>

TS

onChange(value) {
   this.searchAside['priceMax'] = value;
}

一个输入有两个 ngModel

Two ngModel in one input

forms

ngmodel

angular