焦点（）的 Angular2 表单验证

Question

<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 我正在使用 focus() 方法清空 click.but 上的字段，当我聚焦字段时，该字段显示仍然 ng-valid 而不是显示错误 message.my .ts 文件全部 correct.problem 具有焦点 method.if 我从输入标签中删除焦点方法它有效 fine.The 问题是我在错误中给出的条件message.so我想给什么条件验证这个焦点method.please提前帮助me.Thanks。

Answer 1

尝试将值设置为 null 而不是空字符串。

Answer 2

重置表单控件值应该有效：

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

焦点（）的 Angular2 表单验证

Angular2 form validation for focus()

javascript

typescript

angular2-forms

angular