Angular 8 無線電真假

Question

因為我已經使用了這個單選按鈕，如下所示。

    <form [formGroup]="LocationModel.FormCommonGroup">
    <div class="form-group row m-b-10">
            <div class="col-2"></div>
            <div class="col-2 m-p-left">
              <div class="radio radio-css m-l-10">
                <input type="radio" name="radio_css" id="cssRadio1" [(checked)]="LocationModel.EIN" (change)="LocationModel.EIN = !LocationModel.EIN">
                <label for="cssRadio1" class="l_height">EIN</label>                      
              </div>                                                                     
            </div>                                                                       
            <div class="col">                                                            
              <div class="radio radio-css">                                              
                <input type="radio" name="radio_css" id="cssRadio2" [(checked)]="LocationModel.SSN" (change)="LocationModel.SSN = !LocationModel.SSN">
                <label for="cssRadio2" class="l_height">SSN</label>
              </div>
            </div>
          </div>
     <div class="form-group row m-b-10">
        <div class="col-md-4 offset-md-2">
          <input class="btn btn-sm btn-primary m-r-5" (click)="Add()" type=button value="Add Location" />
          <a [routerLink]="['/Locations']" class="btn btn-sm btn-default">Cancel</a>
        </div>
      </div>
    </form>

現在，當我嘗試單擊<input class="btn btn-sm btn-primary mr-5" (click)="Add()" type=button value="Add Location" />的按鈕時，它給了我true false如果單擊一次，則為EIN或SSN ，如果再次單擊相反的內容，則兩邊都為真。 下面是一個通過console.log()的示例。

Location
EIN: true
SSN: true

因為如果在EIN或SSN的對立面上多次單擊任何人並多次單擊，我需要true和false 。

Answer 1

試試這個方法可能會有所幫助。
在 Html 文件中，將[(checked)]="LocationModel.EIN" (change)="LocationModel.EIN =.LocationModel.EIN"替換為[(ngModel)]="EINSSN" value="EIN"和另一個如下所示。

<div class="col-2 m-p-left">
          <div class="radio radio-css m-l-10">
            <input type="radio" name="radio_css" id="cssRadio1" [(ngModel)]="EINSSN" value="EIN" [ngModelOptions]="{standalone: true}">
            <label for="cssRadio1" class="l_height">EIN</label>
          </div>
        </div>
        <div class="col">
          <div class="radio radio-css">
            <input type="radio" name="radio_css" id="cssRadio2" [(ngModel)]="EINSSN" value="SSN" [ngModelOptions]="{standalone: true}">
            <label for="cssRadio2" class="l_height">SSN</label>
          </div>
        </div>

然后在您的ts文件中添加 class 這個EINSSN:any ，在單擊Add() function 后在您的添加 function 中寫入類似這樣的內容。

this.LocationModel.EIN = this.EINSSN == "EIN" ? true : false;
this.LocationModel.SSN = this.EINSSN == "SSN" ? true : false;