角2：ラジオボタンが機能しない

Question

私はこれらのボタンを2つのラジオボタンにして、ユーザーがどちらかを選択できるようにします。しかし、彼らはすでにチェックされているようにフォームに表示されており、チェックを外すことはできません。

 

 
<div class="form-group"> 
 
     <label class="col-sm-12"> 
 
      <input type="radio" name="paymentType" id="paymentType" 
 
      [(ngModel)]="payment.paymentType" 
 
      [value]="PayPal" required> 
 
     </label> 
 
    </div> 
 
    <div class="form-group"> 
 
     <label class="col-sm-12"> 
 
      <input type="radio" name="paymentType" id="paymentType" 
 
      [(ngModel)]="payment.paymentType" 
 
      [value]="Credit" required> 
 
     </label> 
 
    </div>

Answer 1

<div class="form-group"> 
 
<label class="col-sm-12"> 
 
     <input type="radio" name="paymentType" 
 
     [(ngModel)]="payment.paymentType" 
 
     [value]="PayPal" required> 
 
</label> 
 
</div> 
 

 
<div class="form-group"> 
 
<label class="col-sm-12"> 
 
     <input type="radio" name="paymentType" 
 
     [(ngModel)]="payment.paymentType" 
 
     [value]="Credit" required> 
 
</label> 
 
</div>

両方が最初にオフになります、radioボタンと結合[checked]の両方で余分な名前を削除します。ラジオグループに同じ名前のラジオがあるので、radioボタンをチェックすると、他のラジオがチェックされません。