如何在 Ionic 中的 select 性别之前禁用按钮？

Question

我试过这个：

      <ion-item>
        <ion-label>Gender</ion-label>
        <ion-select
        required
        ngModel
        #genderCtrl="ngModel"
        [(ngModel)]="gender"
        [ngModelOptions]="{standalone: true}"
        placeholder="Select One">
          <ion-select-option value="female">Female</ion-select-option>
          <ion-select-option value="male">Male</ion-select-option>
        </ion-select>
      </ion-item>
      <ion-item *ngIf="!genderCtrl.valid && genderCtrl.touched" >
        <ion-label>
          Please select gender.
        </ion-label>
      </ion-item>




      <ion-button
      [disabled]="!form.valid"
      type="submit"
      expand="block">
      Add patient
    </ion-button>

*ngIf 有效，所以如果我不选择 select 是无效的，但是根据 ion-button，完整的形式是有效的......我也试过了（ionChange）但它也不起作用.. ..

Answer 1

除了使用form.valid ，你可以使用你的gender object 吗？

<ion-button [disabled]="!gender" type="submit" expand="block">
  Add patient
</ion-button>