Angular 2在表单中匹配密码

import { Component } from '@angular/core';
import { FormGroup, FormBuilder, Validators } from '@angular/forms';

@Component({
  selector: 'app-password-match',
  template: `
    <form [formGroup]="passwordForm">
      <label>
        Password:
        <input type="password" formControlName="password">
      </label>
      <br>
      <label>
        Confirm Password:
        <input type="password" formControlName="confirmPassword">
      </label>
      <br>
      <button type="submit" [disabled]="!passwordForm.valid">Submit</button>
    </form>
  `
})
export class PasswordMatchComponent {
  passwordForm: FormGroup;

  constructor(private formBuilder: FormBuilder) {
    this.passwordForm = this.formBuilder.group({
      password: ['', Validators.required],
      confirmPassword: ['', Validators.required]
    }, { validator: this.passwordMatchValidator });
  }

  passwordMatchValidator(form: FormGroup) {
    const password = form.get('password').value;
    const confirmPassword = form.get('confirmPassword').value;

    if (password !== confirmPassword) {
      form.get('confirmPassword').setErrors({ 'passwordMismatch': true });
    } else {
      form.get('confirmPassword').setErrors(null);
    }
  }
}