驗證密碼和確認密碼NG2

Question

這裏是我的代碼：

<form [formGroup]="registerForm" novalidate (ngSubmit)="doRegister()"> 
      <div 
       class="form-group" 
       [ngClass]="{'has-danger': registerForm.controls.email.invalid 
        && !registerForm.controls.email.pristine}"> 
       <label>Email</label> 
       <input 
        formControlName="email" 
        name="email" 
        [ngClass]="{'form-control-danger': registerForm.controls.email.invalid 
        && !registerForm.controls.email.pristine}" 
        class="form-control" 
        type="email" /> 
      </div> 
      <div 
       class="form-group" 
       [ngClass]="{'has-danger': registerForm.controls.password.invalid 
        && !registerForm.controls.password.pristine}"> 
       <label>Password</label> 
       <input 
        class="form-control" 
        type="password" 
        formControlName="password" 
        name="password" 
        [ngClass]="{'form-control-danger': registerForm.controls.password.invalid 
        && !registerForm.controls.password.pristine}" > 
      </div> 
      <div 
       class="form-group" 
       [ngClass]="{'has-danger': registerForm.controls.passwordConfirm.invalid}" > 
       <label>Password Confirm</label> 
       <input 
        [ngClass]="{'form-control-danger': registerForm.controls.passwordConfirm.invalid}" 
        class="form-control" 
        type="password" 
        formControlName="passwordConfirm" 
        name="passwordConfirm" > 
      </div> 
      <button [disabled]="!registerForm.valid" class="btn btn-primary" type="submit">Register</button> 
     </form> 

和表單的init部分：

this.registerForm = this.formbuilder.group({ 
     email: ['', Validators.compose([Validators.required, validateEmail])], 
     password: ['', Validators.compose([Validators.required, Validators.minLength(5)])], 
     passwordConfirm: ['', ] 
    }) 

現在我想驗證密碼和passwordConfirm場，但我不知道如何，我試圖創建一個指令，但我不能直接將formcontrol傳遞給它。謝謝。

編輯：

<div 
       class="form-group" 
       [ngClass]="{'has-danger': registerForm.controls.password.invalid 
        && !registerForm.controls.password.pristine}"> 
       <label>Password</label> 
       <input 
        formControlName="password" 
        name="password" 
        class="form-control" 
        [ngClass]="{'form-control-danger': registerForm.controls.password.invalid 
        && !registerForm.controls.password.pristine}" 
        type="password" 
        validateEqual="registerForm.controls.passwordConfirm" 
        reverse="true" > 
      </div> 
      <div 
       class="form-group" 
       [ngClass]="{'has-danger': registerForm.controls.passwordConfirm.invalid}" > 
       <label>Password Confirm</label> 
       <input 
        formControlName="passwordConfirm" 
        name="passwordConfirm" 
        [ngClass]="{'form-control-danger': registerForm.controls.passwordConfirm.invalid}" 
        class="form-control" 
        type="password" 
        validateEqual="registerForm.controls.password" > 
      </div> 

它只是簡單的不工作，沒有錯誤。

Answer 1

對於使用以下HTML validateEqual指令使用：

<div class="form-group" [ngClass]="{'has-danger': registerForm.controls.password.invalid && !registerForm.controls.password.pristine}"> 
    <label>Password</label> 
    <input formControlName="password" name="password" class="form-control" type="password" [ngClass]="{'form-control-danger': registerForm.controls.password.invalid && !registerForm.controls.password.pristine}" validateEqual="passwordConfirm" reverse="true" > 
</div> 
<div class="form-group" [ngClass]="{'has-danger': registerForm.controls.passwordConfirm.invalid}"> 
    <label>Password Confirm</label> 
    <input formControlName="passwordConfirm" name="passwordConfirm" [ngClass]="{'form-control-danger': registerForm.controls.passwordConfirm.invalid}" class="form-control" type="password" validateEqual="password" > 
</div>