如果ngModel不为null,则更新Angular 5

时间:2018-10-25 12:40:05

标签: angular typescript angular5 angular-ngmodel

仅在值不为空的情况下,我才想使用onclickevent 更新[(ngModel)]。这是我尝试过的

点击事件方法:

  setBiometricsStartTime() {
     let startTimeStore = new Date();
     if(this.startTime == undefined) 
     {
         this.startTime = new Date();
     }
     else 
     {
        this.startTime = startTimeStore;
     }
  }

html代码:

[...]
   <mat-expansion-panel
    (opened)="personalDetailsOpenState = true" (closed)="personalDetailsOpenState = false" (click)="setBiometricsEndTime()
   </mat-expansion-panel>
[...]

不幸的是,每次点击事件都会生成模型值。

2 个答案:

答案 0 :(得分:1)

您必须在每次点击时检查给定模型是否为空,如果为空则可以设置值

您可以使用此代码

setBiometricsStartTime() {
     let startTimeStore = new Date();
     if(this.startTime && this.startTime!=null) 
     {
         this.startTime = new Date();
     }

  }

答案 1 :(得分:1)

您将其设置为其他条件,请尝试

if(!this.startTime || this.startTime==undefined) 
 {
     this.startTime = new Date();
 }