如果通过单击同一行中的复选框将其禁用,则将值分配给表中的文本字段

时间:2018-12-31 18:19:35

标签: javascript angular typescript binding

      <ng-container 
      [ngSwitch]="column.format">
        <!-- NUMBER Text Field for amount -->
        <ng-container *ngSwitchCase="'input'">
          <mat-form-field class="table-cell-field">
            <input
              matInput
              type="number"
              [disabled]="element[column.disabledAmt]"
              [(ngModel)]="element[column.field]"
              >
          </mat-form-field>
        </ng-container>

        <!-- Checkbox column field for Unlimited Amount -->
      <ng-container *ngSwitchCase="'checkbox'">
        <mat-checkbox
          [(ngModel)] = "element[column.disabledAmt]"
          ></mat-checkbox>
      </ng-container>

从上述代码的代码片段中,您可以看到我的表中有两列,分别是Amount字段和一个复选框(如果有一个“无限”数量)。 如果未选中该复选框,则用户可以输入他希望的任何金额值。如果选中此复选框,则金额文本字段将被禁用,程序将金额值分配为100或类似的另一个高数字。 我该如何做第二部分,即如果禁用了“数量”文本字段,然后将值分配为100?

0 个答案:

没有答案