focus() 的 Angular2 表单验证答案

【问题标题】：Angular2 form validation for focus()focus() 的 Angular2 表单验证
【发布时间】：2017-08-30 08:09:58
【问题描述】：

<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 文件。这里我使用 focus() 方法清空 click 上的字段。但是当我关注字段时，该字段仍然显示 ng-valid 并且不显示错误消息。我的 .ts 文件是所有正确的问题。焦点方法的问题。如果我从输入标签中删除焦点方法它工作正常。问题是我在错误消息中给出的条件。所以我想给出什么条件来验证这个焦点方法。请帮助我。提前致谢。

【问题讨论】：

标签： javascript angular typescript angular2-forms

【解决方案1】：

重置表单控件值应该可以工作：

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

【讨论】：

【解决方案2】：

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

【讨论】：