2017-08-30 131 views
0
<div class="col-md-3"> 
    <div class="md-form selecticon form-group rupee-icon" [ngClass]="{'has-error':!loanApplyForm.controls['propval'].valid &&loanApplyForm.controls['propval'].touched}"> 
     <label class="lf-loan-input-label" for="propval">Property Value * </label> 
     <input #iw_propval (focus)="iw_propval.value = ''" class="form-control emi-input" id="propval" [formControl]="loanApplyForm.controls['propval']" 
      type="number"> 
     <div *ngIf="!loanApplyForm.controls['propval'].valid&& loanApplyForm.controls['propval'].touched" class="alert-change">*Please enter the property value.</div> 

    </div> 
</div> 

这是我的.html file.here我使用对焦()方法来清空上click.but现场时,我重点领域的字段显示仍NG-有效,而不是显示错误message.my .ts文件是所有correct.problem与焦点method.if我从输入标记中删除焦点方法它工作正常。问题是与条件,我给错误message.so我想要什么条件给予验证这种重点方法。请帮助我。提前感谢。焦点()Angular2表单验证

回答

0

重置formcontrol值应该工作:

.....(focus)="loanApplyForm.controls['propval'].reset()" 
+0

Thanks.it的作品。 – pranavkeke

0

尝试将该值设置为null,而不是一个空字符串

(SRY短期职位,但SO不会让我回应还:()

+0

null也不起作用 – pranavkeke