如何使提交按钮启用角度

debugcn 发表于 Dev

美国广播公司

这是代码：

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;
       }
  }

enable选择passedin角度时如何提交按钮。

我想要什么，选择后passed的radio button它应该enable的submit button，如果选择failed的button是disabled它应该首先填充的言论也就是textarea在功能disableSubmit()

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

提前致谢

Surjeet bhadauriya

尝试这个：

 <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>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。