模板驱动的表单-自定义验证器

时间:2018-09-13 08:53:51

标签: angular jhipster

目标

使用JHipster 5.0和Angular6。

输入中的值必须为0,0.5或1。我不想使用select来强制选项,因为我希望用户能够在每个输入中快速键入数字。

表格

        <tr  *ngFor="let keyOfMap of keysOfMap ; let i= index" >
                <td> {{keyOfMap}} </td>
                <td *ngFor="let arrayOfArray of arrayOfArrays[i] ; let f = index "  >
                    <form name="editForm" role="form" #editForm="ngForm">
                    <input type= number class = "form-control-plaintext" name="quantite" id="field_quantite" [(ngModel)]="arrayOfArray.quantite" required>
                        <div [hidden]="!(editForm.controls.quantite?.invalid)">
                            <small class="form-text text-danger"
                                   [hidden]="!editForm.controls.quantite?.errors?.required" jhiTranslate="entity.validation.required">
                                This field is required.
                            </small>
                        </div>
                    </form>
                    {{arrayOfArray.quantite}}
                </td>
        </tr>

问题

我找不到是否存在应用这种验证器的选项。如果不存在,我不知道如何在JHipster / Angular中添加它。我暂时找不到正确的信息。

编辑编辑

好,这行得通:pattern =“(0 | 0.5 | 1)”!

谢谢!

1 个答案:

答案 0 :(得分:0)

您是否尝试过official documentation中描述的内容?