在我的angular 2 RC6项目中,我有一个非常简单的模板驱动形式:
<form class="form-horizontal" (ngSubmit)="onSubmit(f)" #f="ngForm">
<input class="form-control" type="text" id="username" name="username" #username="ngModel" ngModel required>
<div *ngIf="!username.valid && username.touched" class="alert alert-danger"> Username is required</div>
<div *ngIf="!_isValidUser" class="alert alert-danger">Invalid username </div>
</form>
onSubmit(form: NgForm): void {
code for checking if it is a valid user
if it is a valid user ---> close the form
if it is not a valid user --> reset the form: form.reset()
}
在组件中,我有代码来检查它是否是onSubmit()函数中的有效用户。
但是,除非我手动触发/点击输入框,否则上述alert-danger div div将永远不会显示。
有人知道为什么吗?