我正在尝试制作一个带有两个输入字段和一个“清除”按钮的基本登录表单,该按钮应在单击时将输入字段空白。如何做到这一点?
我知道如何使用 reset() 以反应形式执行此操作,但我不知道如何以模板驱动形式执行此操作。
<form>
<label>Username:</label>
<input name="username" ngModel #name="ngModel" required minlength="4" maxlength="10" appForbiddenName="jedii" type="text">
<div *ngIf="name.touched && !name.valid">
<div *ngIf="name.errors.required">username is mandatory</div>
<div *ngIf="name.errors.minlength">username must be of min 4 characters</div>
<div *ngIf="name.errors.forbiddenName">username cannot be jedii</div>
</div>
<br><br>
<label>Password:</label>
<input type="password" required>
</form>
<br>
<button>Login</button>
<br>
<br>
<button>Clear</button>
我希望文本字段应重置为空白,但没有任何反应。