在验证 Angular 表单时显示消息时出现错误

用户10124556

我正在创建一个 Angular 表单,在验证时,我尝试在未填写字段时显示消息,因此我在 span 标签中使用了 ng-for,但出现错误

html - >

<div class="form-group">
    <input type="text" formControlName='fname' placeholder="First Name">
    <span *ngFor="signupForm.control['fname'].haserror(required)"> Enter your Name </span>
</div>

错误 -

Can't bind to 'ngFor' since it isn't a known property of 'span'. ("m-group">
       <input type="text" formControlName='fname'  placeholder="First Name">
       <span [ERROR ->]*ngFor="signupForm.control['fname'].haserror(required)"> Enter your Name </span>
      </div>  
克里希纳·拉托尔

使用*ngIf代替*ngFor

Stackblitz 演示

<span *ngIf="signupForm.get('fname').hasError('required')"> Enter your Name </span>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在表单数组 angular 中验证和显示特定表单控制器的错误消息

来自分类Dev

Angular ngMessage:在表单提交时验证

来自分类Dev

提交表单时出现验证错误

来自分类Dev

Angular:表单验证导致错误

来自分类Dev

使用angular ngMessage的带有错误消息的表单验证

来自分类Dev

当用户不输入内容时,我想在表单验证中显示错误消息

来自分类Dev

简洁的Angular表单验证

来自分类Dev

表单验证 Angular 4

来自分类Dev

在 Angularjs 中提交表单时显示验证消息

来自分类Dev

提交表单后Angular 2显示验证错误

来自分类Dev

Angular 4 中的模型驱动表单未显示验证错误

来自分类Dev

在提交表单或字段变脏时显示验证消息-提交时显示定制消息和默认验证消息

来自分类Dev

消息的 Angular js 在加热时显示错误

来自分类Dev

验证表单-出现多个错误消息

来自分类Dev

表单验证错误消息未按预期出现

来自分类Dev

提交验证时的 Angular 模板驱动表单

来自分类Dev

当多个验证消息满足条件时,在 Angular2 中管理验证消息

来自分类Dev

验证时的 ExpressiveAnnotations 错误消息

来自分类Dev

如何使Angular显示正确的验证消息

来自分类Dev

在 Angular 中显示 formControlName 的验证消息

来自分类Dev

使用验证批注时,如何强制显示错误消息的顺序?

来自分类Dev

直接页面时我无法显示验证错误消息

来自分类Dev

验证错误消息未显示为Angular 2中的自定义验证

来自分类Dev

验证错误消息未显示为Angular 2中的自定义验证

来自分类Dev

Angular JS-文本字段失去焦点时显示验证错误

来自分类Dev

验证包含值时出现验证错误:

来自分类Dev

当extra = 0时在formset中显示表单验证错误

来自分类Dev

在Angular 2中验证表单

来自分类Dev

Angular Dart和表单验证

Related 相关文章

  1. 1

    在表单数组 angular 中验证和显示特定表单控制器的错误消息

  2. 2

    Angular ngMessage:在表单提交时验证

  3. 3

    提交表单时出现验证错误

  4. 4

    Angular:表单验证导致错误

  5. 5

    使用angular ngMessage的带有错误消息的表单验证

  6. 6

    当用户不输入内容时,我想在表单验证中显示错误消息

  7. 7

    简洁的Angular表单验证

  8. 8

    表单验证 Angular 4

  9. 9

    在 Angularjs 中提交表单时显示验证消息

  10. 10

    提交表单后Angular 2显示验证错误

  11. 11

    Angular 4 中的模型驱动表单未显示验证错误

  12. 12

    在提交表单或字段变脏时显示验证消息-提交时显示定制消息和默认验证消息

  13. 13

    消息的 Angular js 在加热时显示错误

  14. 14

    验证表单-出现多个错误消息

  15. 15

    表单验证错误消息未按预期出现

  16. 16

    提交验证时的 Angular 模板驱动表单

  17. 17

    当多个验证消息满足条件时,在 Angular2 中管理验证消息

  18. 18

    验证时的 ExpressiveAnnotations 错误消息

  19. 19

    如何使Angular显示正确的验证消息

  20. 20

    在 Angular 中显示 formControlName 的验证消息

  21. 21

    使用验证批注时,如何强制显示错误消息的顺序?

  22. 22

    直接页面时我无法显示验证错误消息

  23. 23

    验证错误消息未显示为Angular 2中的自定义验证

  24. 24

    验证错误消息未显示为Angular 2中的自定义验证

  25. 25

    Angular JS-文本字段失去焦点时显示验证错误

  26. 26

    验证包含值时出现验证错误:

  27. 27

    当extra = 0时在formset中显示表单验证错误

  28. 28

    在Angular 2中验证表单

  29. 29

    Angular Dart和表单验证

热门标签

归档