gpt4 book ai didi

Angular 4 显示所有输入验证错误

转载 作者:太空狗 更新时间:2023-10-29 18:01:20 24 4
gpt4 key购买 nike

<分区>

我开始创建我的第一个 Angular 4 应用程序。我正在测试表单验证。我创建了一个模板驱动的表单并添加了一些验证器。

现在,我想显示字段的验证错误。这是我的实际代码:

<input id="name" name="name" class="form-control" required minlength="4" [(ngModel)]="name" #name="ngModel">

<div *ngIf="name.invalid && (name.dirty || name.touched)" class="alert alert-danger">
<div *ngIf="name.errors.required">
Name is required.
</div>
<div *ngIf="name.errors.minlength">
Name must be at least 4 characters long.
</div>

</div>

我不敢为表单中的每个输入都写这个!是否可以这样写(当然,我试过这段代码,但没有成功):

<div *ngIf="name.invalid && (name.dirty || name.touched)" class="alert alert-danger">
<p *ngFor="let error on name.errors">{{error}}</p>
</div>

感谢您的帮助:)

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com