Angular2表單驗證focus（）

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文件。在這里，我使用focus（）方法清空click ..上的字段，但是當我關注字段時，該字段仍顯示ng-valid並且未顯示錯誤message.my .ts文件都是正確的。焦點方法的問題。如果我從輸入標簽中刪除焦點方法，它工作正常。問題在於我在錯誤消息中給出的條件。所以我想給什么條件驗證此焦點方法。請幫助我。 。

Answer 1

嘗試將值設置為null而不是空字符串。

Answer 2

重置formcontrol值應該起作用：

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