Angular小坑(一)呼应式表单validator中minlength相称undefined方面

原创
小哥 3年前 (2022-11-14) 阅读数 36 #大杂烩

Angular小坑(一)响应形式validator中minlength匹配undefined问题

首先,当我遇到这个问题时,我真的很困惑很长一段时间才发现问题。我想在这里与你分享。

  • 首先,让我们谈谈我遇到的问题。

  • 这是上一个错误的代码。

     validationMessages = {
        name: {
          required: 需要填写用户名,
          minLength: 用户名不能小于2个字节,
          maxLength: 用户不能是冗余的10字节,
          forbidddenname: 无法说出低质量
        }
     }
    this.loginForm = this.fb.group({
          name: [, [
            Validators.required,
            Validators.minLength(2),
            Validators.maxLength(10),
            forbiddenNameValidator(/shabi/i)
          ]

我写的验证信息required显示正常 “需要用户名”

但是一到 当最小字节输入不能超过2时,我自己编写了信息编程。Undefined这很令人困惑

后来,博主minLength 换成了 min 结果发现,我通常会写错字符串。

然后我陷入沉思, 我就把minLength 换成了 都是小写的 minlength, 最后成功

这是成功的代码。

 validationMessages = {
    name: {
      required: 需要填写用户名,
      minlength: 用户名不能小于2个字节,
      maxlength: 用户不能是冗余的10字节,
      forbidddenname: 无法说出低质量
    },
    pwd: {
      required: 需要填写密码
    }
  };

这也是一个小坑, 因为每次我写变量名 给驼峰取名是很习惯的 。 我以后会注意的。
我也希望看到这篇文章的每个人不要再掉进坑里(我花了一个多小时才改过来)

版权声明

所有资源都来源于爬虫采集,如有侵权请联系我们,我们将立即删除

热门