Question

要获得用户评级，我在表单中使用离子范围组件。虽然它是必需的现场系统，但允许在不设置评级值的情况下保存评论。

<ion-content>
<form #Form="ngForm" (ngSubmit)="save()" >   
    <ion-item>
      <ion-range min="0" max="100" pin="true" [(ngModel)]="rating" [ngModelOptions]="{standalone: true}" required>
        <ion-icon range-left name="sad"></ion-icon>
        <ion-icon range-right name="happy"></ion-icon>
      </ion-range>
    </ion-item>
    <button ion-button [disabled]="!Form.form.valid" ion-button full color="secondary" >Save</button>
</form>
</ion-content>

这背后的原因是什么？

Answer 1

required属性不属于Range component，因此不会以这种方式运行。

你可以做的是为按钮的disabled属性添加另一个条件，就像这样

<button ion-button [disabled]="!Form.form.valid || rating === 0" ion-button full color="secondary" >Save</button>

这样，如果rating属性等于0，该按钮仍将被禁用。

如何使离子范围成为表格内

1 个答案: