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

Question

Я пытаюсь подтвердить флажок в угловых 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>

Answer 1

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

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

`