Angular 2 RC6表格:无法显示有效的div

时间:2016-09-15 02:28:41

标签: forms angular

在我的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将永远不会显示。

有人知道为什么吗?

0 个答案:

没有答案