在Angular 2中,当我尝试双向绑定时,ngIF无法正常工作

萨西·迪维雅(Sasi Dhivya)

我正在使用Angular2两种方式的绑定概念[(ngModel)]。我在页面上有表格,必须验证元素的原始状态。因此,为了进行验证,我曾经ngIf检查过该元素的原始状态。但条件不起作用。我需要检查每个模型更改的原始状态。以下是我的app.component.html页面:

 <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");
 }
 }

感谢您的任何建议

贡特·佐赫鲍尔(GünterZöchbauer)

pristine是的属性Control没有的value

您可能要使用

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

(对于旧表单模块)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章