在Angular 2中快速键入内容时,带有验证的输入字段会崩溃

克劳迪乌·马泰

我在Angular 2中有一个使用Validators进行简单验证的表单。

html模板

<form role="form" #myForm="ngForm" (ngSubmit)="submit()" novalidate [ngFormModel]="form">
    <div class="form-group  list-element">
        <label for="name">name*</label>
        <input type="text" name="name" class="form-control" ngControl="name"
               #name="ngForm" placeholder="Enter name" [(ngModel)]=user.name >
    </div>
</form>

验证的ControlGroup

ngOnInit() {    
    this.form = new ControlGroup({
      name: new Control('', Validators.compose([
        Validators.required,
        Validators.pattern("(([a-zA-Z ]|[0-9])+)*"),
        Validators.minLength(5),
        Validators.maxLength(80)
      ]))
    });
  }

当我在输入字段(例如#1KZBZKBjkndedjk@@@kjbzdzdékj!)中输入快速(随机)字符时,应用程序崩溃。这种情况并非总是会发生,因此我还没有真正注意到一种模式。

这是崩溃发生的地方,所以我认为崩溃与模式有关。 在此处输入图片说明

贡特·佐赫鲍尔(GünterZöchbauer)

这是一个已知问题https://github.com/angular/angular/issues/7822,并且可能会在此请求请求到达https://github.com/angular/angular/pull/7421时得到解决

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Angular 2中快速键入内容时,带有验证的输入字段会崩溃

来自分类Dev

键入[Angular]时如何检测输入字段中的更改

来自分类Dev

使用Angular验证模糊时的输入字段

来自分类Dev

在Angular 2中使用Typescript选择输入内的文本

来自分类Dev

带有输入字段和复选框的 Angular 4 表单验证

来自分类Dev

Angular2中的跨字段验证

来自分类Dev

Angular2+ 集成单元测试:如何使用 'keydown'-event 和 'input'-event 伪造用户在输入中输入内容

来自分类Dev

Angular2-在有条件创建的输入字段上进行表单验证

来自分类Dev

Angular2- 子组件中输入字段的模板驱动表单验证

来自分类Dev

比较 2 个输入字段的值以通过模板验证 Angular 7 中的表单

来自分类Dev

当有 DOM 操作 Angular 时,iframe 内容会重新加载

来自分类Dev

用户突出显示输入字段并且未输入任何内容后,Angular JS会显示错误

来自分类Dev

清空Angular中的输入字段

来自分类Dev

如何使用angular js在输入字段中键入文本时将文本转换为大写

来自分类Dev

在* ngFor中输入的内容无法平滑输入Angular 2

来自分类Dev

为什么我在Angular应用程序中的Async自定义验证器对键入的输入有效,但对粘贴的输入却无效?

来自分类Dev

带有参数的Angular 2自定义验证器

来自分类Dev

带有子路由的Angular 2身份验证

来自分类Dev

带有 Angular2 的多个字段的 LocalStorage

来自分类Dev

带有PHP的Angular JS,带有输入字段和提交按钮

来自分类Dev

Angular:禁用输入的内容

来自分类Dev

angular2 rxjs过滤带有输入文本的线程

来自分类Dev

带有Angular的HTML输入中的Font Awesome图标

来自分类Dev

比较验证器中与angular2的字段

来自分类Dev

在Angular2 FormGroup中验证动态添加的输入

来自分类Dev

带有Angular 2的Django

来自分类Dev

带有 Materialise 的 Angular 2

来自分类Dev

Angular 2如何从输入中删除粘贴的内容

来自分类Dev

带有模式的 Angular Material url 验证

Related 相关文章

  1. 1

    在Angular 2中快速键入内容时,带有验证的输入字段会崩溃

  2. 2

    键入[Angular]时如何检测输入字段中的更改

  3. 3

    使用Angular验证模糊时的输入字段

  4. 4

    在Angular 2中使用Typescript选择输入内的文本

  5. 5

    带有输入字段和复选框的 Angular 4 表单验证

  6. 6

    Angular2中的跨字段验证

  7. 7

    Angular2+ 集成单元测试:如何使用 'keydown'-event 和 'input'-event 伪造用户在输入中输入内容

  8. 8

    Angular2-在有条件创建的输入字段上进行表单验证

  9. 9

    Angular2- 子组件中输入字段的模板驱动表单验证

  10. 10

    比较 2 个输入字段的值以通过模板验证 Angular 7 中的表单

  11. 11

    当有 DOM 操作 Angular 时,iframe 内容会重新加载

  12. 12

    用户突出显示输入字段并且未输入任何内容后,Angular JS会显示错误

  13. 13

    清空Angular中的输入字段

  14. 14

    如何使用angular js在输入字段中键入文本时将文本转换为大写

  15. 15

    在* ngFor中输入的内容无法平滑输入Angular 2

  16. 16

    为什么我在Angular应用程序中的Async自定义验证器对键入的输入有效,但对粘贴的输入却无效?

  17. 17

    带有参数的Angular 2自定义验证器

  18. 18

    带有子路由的Angular 2身份验证

  19. 19

    带有 Angular2 的多个字段的 LocalStorage

  20. 20

    带有PHP的Angular JS,带有输入字段和提交按钮

  21. 21

    Angular:禁用输入的内容

  22. 22

    angular2 rxjs过滤带有输入文本的线程

  23. 23

    带有Angular的HTML输入中的Font Awesome图标

  24. 24

    比较验证器中与angular2的字段

  25. 25

    在Angular2 FormGroup中验证动态添加的输入

  26. 26

    带有Angular 2的Django

  27. 27

    带有 Materialise 的 Angular 2

  28. 28

    Angular 2如何从输入中删除粘贴的内容

  29. 29

    带有模式的 Angular Material url 验证

热门标签

归档