Включить входной файл, если в Angular 4 установлен флажок

Question

По умолчанию поля ввода отключены, когда я установил флажок, я могу вводить данные.Любая идея в угловых 4?

Answer 1

 <input type="text" class="form-control" formControlName="invoices" maxlength="6">
 <input type="checkbox" (change)="autoGenerate($event.target.checked)">

autoGenerate(value) {
if (value == true) {
  const invoiceNo = Math.max.apply(Math, this.lstInvoice.map(function (o) { return o.invoices; }))
  this.invoicesForm.get('invoices').setValue(invoiceNo + 1);
  this.invoicesForm.get('invoices').disable();
}
else {
  this.invoicesForm.get('invoices').setValue(null);
  this.invoicesForm.get('invoices').enable();
}

}

Answer 2

Не уверен, что я понимаю вопрос здесь, но убедитесь, что ваш флажок не привязывает модель, для которой уже установлено значение false (или значение по умолчанию bool)

Если вы просто пытаетесь установить флажок, когдафлажок установлен, вы можете делать следующее:

export class AppComponent {
    isDisabled = true;
    triggerSomeEvent() {
        this.isDisabled = !this.isDisabled;
        return;
    }
}

и ваш HTML:

<input type="checkbox" name="myChk" id="myChk" (change)="triggerSomeEvent()" />
<input type="text" name="myTxt" id="myTxt" value="" [disabled]="isDisabled" />