在角反应形式的formGroup中比较跨场验证

时间:2019-01-01 16:41:11

标签: angular angular-reactive-forms angular-validation

我正在尝试创建一个包含字段password和confirmPassword的注册表单,我使用了角反应形式,并且使用了@rxweb包的验证,我使用了跨域formGroup 我已经使用了RxwebValidators的比较验证

这是我的component.ts代码:

const puppeteer = require('puppeteer');
(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');
  await page.screenshot({path: 'example.png'});
  await browser.close();
})();

我没有解决办法,进一步解决这个问题

1 个答案:

答案 0 :(得分:0)

我认为您的代码中有些语法问题,之后的代码就像一个魅力

  form:FormGroup;

   constructor(private fb:FormBuilder){}

   ngOnInit(){
     this.form = this.fb.group({
        password : ['', RxwebValidators.required()],
        confirmPassword: ['', RxwebValidators.compare({fieldName:'password'})]
     });
   }

和tempale

<form id="passwordInputForm" [formGroup]="form">
  <label for="password" >password:</label><input id="password" type="password" formControlName="password">
  <br/>
  <label for="confirmPassword" >confirm password:</label><input id="confirmPassword" type="password" formControlName="confirmPassword">
  <button type="submit" [disabled]="!form.valid">Submit</button>
</form>