javascript - 如何以 Angular 启用提交按钮

Question

代码如下:

list.component.html

    <nz-radio-group formControlName="radiostatus" [(ngModel)]="radioValue" (ngModelChange)="onChangeStatus($event)">
                  <label nz-radio nzValue="passed">Passed</label>
                  <label nz-radio nzValue="failed">Failed</label>
    </nz-radio-group>

    <div *ngIf="radioValue ==='failed'>
       <textarea nz-input placeholder="Remarks" class="remarks-textarea" type="text" name="otherRemark"
              formControlName="otherRemark" [(ngModel)]="otherRemark"
              [nzAutosize]="{ minRows: 3, maxRows: 3 }"></textarea>
    </div>
    <button class="mr-1" nz-button nzType="primary" type="button" [disabled]="disableSubmitBtn()"
      [nzLoading]="formLoading" (click)="saveFormData()">
      <span translate>Submit</span>
    </button>

list.component.ts

  disableSubmitBtn() {
       if (!this.otherRemark) {
          return true;
       }
  }

如何在 Angular 选择passed时启用提交按钮。

我想要的是，在 radio button 上选择 passed 后，它应该enable submit button 如果它选择 failed button 是 disabled 它应该首先填写备注，这是 textarea函数 disableSubmit()

if (!this.otherRemark) {
    return true;
}

提前致谢

Answer 1

Try this:

 <button [disabled]="radioValue === 'passed' ?  !(radioValue === 'passed') : !(radioValue === 'failed' && otherRemark)" class="mr-1" nz-button nzType="primary" type="button" 
    [nzLoading]="formLoading" (click)="saveFormData()">
      <span translate>Submit</span>
 </button>