Question

我正在Angular 7中工作在我使用反应式表单的情况下，我只想仅在所有输入字段（除一个字段（引用代码字段））上启用按钮，并选中复选框，当前我在做，但是按钮复选框启用我正在共享我的代码->

html

<form class="example-form" novalidate (ngSubmit)='user_signup(user)'  [formGroup]='user'>


                <input matInput placeholder="Email" value="" name='RegEmail' formControlName='RegEmail' [(ngModel)]="Email"/>

 <input matInput placeholder="Phone Number:" value="" name='RegPhone' formControlName='RegPhone' [(ngModel)]="Phone" OnlyNumber="true" maxlength="10" minlength="10" />

  <input matInput (input)="onInputTimePhone($event.target.value)" name="otpVerify" placeholder="Verify phone otp:" [(ngModel)]="otpVerify" value="" formControlName="otpVerify" />

   <input matInput placeholder="Enter Refer Code:" value="" name="ReferCode" [(ngModel)]="referCode" formControlName="ReferCode" />


  <mat-checkbox  (change)="changeCheck($event)">Resticted for below 18 years Playes or Players belonging from Orissa , Assam , Telangana </mat-checkbox>


          <button mdbBtn mdbWavesEffect class="register_btn" [disabled]="disabledAgreement && [user]='invalid' ">Sign Up</button>

</form>

ts文件

constructor( public restapi:ServicesService , private logincomponent:LoginComponent) {
    this.user = new FormGroup({
      RegEmail: new FormControl('', [Validators.required,Validators.pattern("[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$")]);,
      RegPhone: new FormControl('', [Validators.required, Validators.minLength(10)]);,
       RegPassword: new FormControl('', [Validators.required, Validators.minLength(6)]),

       ReferCode:new FormControl('');
      });
  }

Answer 1

尝试这样使用-

  <button [disabled]="disabledAgreement && !user.valid ">Sign Up</button>

禁用按钮，直到所有输入字段和复选框都被填充（除一个字段外）

1 个答案: