angularjs - 在Angular 2中，当我尝试双向绑定(bind)时，ngIF无法正常工作

我正在使用双向绑定概念Angular2。我的页面有表单，我必须验证元素的原始状态。所以为了验证，我使用了[(ngModel)]来检查元素的原始状态。但情况不太好。我需要检查每一个模型更改的原始状态。下面是我的ngIf页面：

 <form (ngSubmit)="angular2form(myAngular2Form.employeeDob)" [ngFormModel]="myAngular2Form">

 <input type="text" class="form-control" id="employee" name="employee" [(ngModel)]="employeeDob" required  />
  <div *ngIf="employeeDob.pristine">
    <p>Please enter the date</p>
 </div>
 <button type="submit" class="btn btn-primary">Register</button>

</form>

这是我的组件：

 export class AppComponent {

employeeDob: String;

  constructor(private myform: FormBuilder) {
    this.employeeDob = '';
 }
 angular2form(date) {
     alert("date submitted successfully");
 }
 }

谢谢你的建议

最佳答案

pristine是Control的属性，而不是value的属性。
你可能想用

<input #employeeDobCtrl="ngForm" type="text" class="form-control" id="employee" name="employee" [(ngModel)]="employeeDob" required  />
<div *ngIf="employeeDobCtrl.pristine">

（对于旧表单模块）