Angular 2复选框验证
Angular 2复选框验证
提问于 2019-03-28 12:50:53
我正在尝试通过模板驱动来验证angular 2中的复选框，但不是工作。我在谷歌中搜索过，也没有人回答properly.Any天才可以回答这个问题？
https://stackblitz.com/edit/angular-9nkywb?file=src%2Fapp%2Fapp.component.html
app.component.html
<form #f="ngForm">
<input type="checkbox" name="isTCAccepted" [ngModel]="user" required
#tc="ngModel">Name1
<input type="checkbox" name="isTCAccepted" [ngModel]="user" required
#tc="ngModel">Name2
<input type="checkbox" name="isTCAccepted" [ngModel]="user" required
#tc="ngModel">Name3
<div *ngIf="tc.invalid && f.submitted">
Please check atleast one
</div>
<button>Submit</button>
</form>Stack Overflow用户
发布于 2019-05-06 18:31:23
如我所见，代码一切正常，除了输入标签的名称应该是不同的，你可以看看下面的代码。
<form #f="ngForm">
<input type="checkbox" name="isTCAccepted1" [ngModel]="user" required
#tc1="ngModel">Name1
<input type="checkbox" name="isTCAccepted2" [ngModel]="user" required
#tc2="ngModel">Name2
<input type="checkbox" name="isTCAccepted3" [ngModel]="user" required
#tc3="ngModel">Name3
<div *ngIf="(tc1.invalid && tc2.invalid && tc3.invalid) && f.submitted">
Please check atleast one
</div>
<button>Submit</button>
</form>`
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55390380
复制相关文章
相似问题
腾讯云开发者
