角4 - 1つのチェックボックスをチェックするとすべてがチェックされます

Question

これを修正する方法がわかりません。私は、チェックボックスのフォームに基づいて文字列の配列をしたい。私はすべての値を同じ配列（MenteeLevelPrefernce）に追加するように設定していますが、チェックボックスをオンにすると、すべてチェックされます。私はここで間違って何をしていますか？

 <label for="mentorPrefCheck">Mentee Level Preference (select all that apply)</label> 
     <div class="form-group" id="mentorPrefCheck"> 
      <label class="checkbox-inline"> 
      <input type="checkbox" id="hsLevelCheck" [(ngModel)]="mentor.MenteeLevelPreference" name="menteeLevelPreference" value="Highscool"> Highschool</label> 
      <label class="checkbox-inline"> 
      <input type="checkbox" id="undergradLevelCheck" [(ngModel)]="mentor.MenteeLevelPreference" name="menteeLevelPreference" value="Undergraduate"> Undergraduate</label> 
      <label class="checkbox-inline"> 
      <input type="checkbox" id="gradLevelCheck" [(ngModel)]="mentor.MenteeLevelPreference" name="menteeLevelPreference" value="Graduate"> Graduate</label> 
     </div> 

Answer 1

[（ngModel）]のためのユニークな変数を使用して、2つの方法は、同じ変数への入力ボックスのすべてのポイントを結合するので名前は

<div class="form-group" id="mentorPrefCheck"> 
      <label class="checkbox-inline"> 
      <input type="checkbox" id="hsLevelCheck" [(ngModel)]="mentor.MenteeLevelPreference1" name="menteeLevelPreference1" value="Highscool"> Highschool</label> 
      <label class="checkbox-inline"> 
      <input type="checkbox" id="undergradLevelCheck" [(ngModel)]="mentor.MenteeLevelPreference2" name="menteeLevelPreference2" value="Undergraduate"> Undergraduate</label> 
      <label class="checkbox-inline"> 
      <input type="checkbox" id="gradLevelCheck" [(ngModel)]="mentor.MenteeLevelPreference3" name="menteeLevelPreference3" value="Graduate"> Graduate</label> 
     </div>