Проверка угловых 2 флажков

63
9

Я пытаюсь проверить флажок в угловых 2 по шаблону, но не работает. Я искал в Google, и никто не ответил должным образом. Любой гений может ответить на этот вопрос?

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>

спросил(а) 2021-01-25T17:21:37+03:00 4 месяца, 3 недели назад
1
Решение
63

Как я вижу, с кодом все в порядке, за исключением того, что имя для входных тегов должно быть другим, вы можете взглянуть на код ниже '

<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>

'

ответил(а) 2021-01-25T17:21:37+03:00 4 месяца, 3 недели назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема