gpt4 book ai didi

angular - angular2 中的条件验证

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

我想对 guest 和客户注册表使用相同的模板,但验证可能会有所不同,如下所示

让我们假设它是一个客人登记表 - firstName 是必需的

<form #f="ngForm" novalidate (ngSubmit)="save()">
<label>First Name:</label>
<input type="text" name="firstName" [(ngModel)]="values.FirstName" required #firstName="ngModel">
<div *ngIf="firstName.hasError('required') && (!firstName.pristine && !f.submitted)" class="text-danger">You must include a first name.</div>
</form>

这是给客户的 - firstName 是可选的

<form #f="ngForm" novalidate (ngSubmit)="save()">
<label>First Name:</label>
<input type="text" name="firstName" [(ngModel)]="values.FirstName" #firstName="ngModel">

</form>

我想对两种形式使用相同/唯一的模板,但验证方式不同!我怎么能实现它。 TIA!

NOTE: by using reactive forms I could achieve it, but knowingly I want to achieve in Template-Driven forms.

最佳答案

基于此topic你可以试试

<input name="first" ngModel [required]="isRequired">

关于angular - angular2 中的条件验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44024833/

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