Angular 2 способа привязки с одним включенным полем и другим отключенным - PullRequest
Новая
       16

Angular 2 способа привязки с одним включенным полем и другим отключенным

0 голосов
/ 16 января 2019

У меня есть 2 поля в моем угловом приложении. Я использую привязку данных для этих двух полей, потому что эти 2 поля имеют одинаковые данные. Однако в одном из полей мне нужно его включить, а в другом - отключить.

Я обнаружил, что оба моих поля отключены, когда я disabled="true" в одном из полей. Какие-либо решения, чтобы отключить только одно поле, а другое поле включено?

Ниже приведен мой исходный код. 

<div class="row">
    <div class="col-4">
        <label>{{ 'company-info.performance.Red' | translate }}</label>
    </div>
    <div class="col-2">
      <mat-form-field>
          <input matInput type="number" min="0" max="100" placeholder="less than %" [(ngModel)]="data.nonprfmCustT1" name="nonprfmCustT1">
      </mat-form-field>
    </div>
  </div>
  <div class="row">
      <div class="col-4">
          <label>{{ 'company-info.performance.Amber' | translate }}</label>
      </div>
      <div class="col-2">
        <mat-form-field>
            <input matInput [disabled]="true" type="number" placeholder="higher than or Equal %" [(ngModel)]="data.nonprfmCustT1" name="nonprfmCustT1">
        </mat-form-field>
        <mat-form-field>
            <input matInput type="number" min="data.nonprfmCustT1" max="100" placeholder="less than %" [(ngModel)]="data.nonprfmCustT2" name="nonprfmCustT2">
        </mat-form-field>
      </div>
    </div>

Далее, как я могу установить минимальное значение nonprfmCustT2 должно быть больше, чем nonprfmCustT1?

...