模板式表单，程序能执行校验。但控制台报错

Question

Answer 1

JoJo 2017-04-21 09:04:09

这是说你在对null对象读取value，在读value前判断一下对象是否为null就好了。可以把代码贴下我看下。

• 慕先生4633558 #1

  我也遇到这问题：
  <div ngModelGroup="passwordsGroup" appEqualValidator>
      <div>密码:<input ngModel minlength="6" name="password" type="password" ></div>
      <div>确认密码:<input  ngModel name="pconfirm" type="password"></div>
    </div>
  
  export function equalValidator(group: FormGroup): any {
    let password: FormControl = group.get('password') as FormControl;
  
    let pconfirm: FormControl = group.get('pconfirm') as FormControl;
    console.log('equal:', pconfirm);
    console.log('比较：',password.value);
    let valid: boolean = (password.value === pconfirm.value);
    console.log('密码校验结果：' + valid);
    // return valid ? null : {equal: true};
  
    // 我们也可以直接把描述信息写在验证器中，然后我们在模板中这样写就可以获取到这个
    // 描述信息,这样描述信息就可以不用硬编码在模板中了
    return valid ? null : {equal: {descxxx: '两次输入不一样'}};
  }