Question

在Angular 2中，如何在提交时滚动到必填字段错误。

我在输入文本框中有必需的标记，在提交时我希望它向上滚动到错误。

这主要是针对移动体验。

这是我的表格：

     <form data-toggle="validator" class="col-xs-12 col-sm-12" role="form" #form2="ngForm" (ngSubmit)="submitForm()" autocomplete="off">                                                    

<input class="form-control-small col-xs-11 col-lg-4" id="JobName" type="text" placeholder="Name of Job" [(ngModel)]="job.name" required />

      <button [disabled]="!form2.form.valid" type="submit">Submit</button> 

    </form>

Answer 1

我创建了一个Angular指令来解决此问题。您可以在ngx-scroll-to-first-invalid这里进行检查。

步骤：

1。安装模块：

$: echo "a:b:c:d"|sed 's/^[^:]*://'
b:c:d

2。导入select numbercalls, count(*) from ( select person, count(*) as numbercalls from t group by person ) group by numbercalls order by numbercalls;：

npm i @ismaestro/ngx-scroll-to-first-invalid --save

3。在表格内使用指令：

NgxScrollToFirstInvalidModule

希望有帮助！：）

在Angular 2中，如何在提交时滚动到必填字段错误

1 个答案: