Question

有一个用于性别的单选按钮，当我第一次选择男性时，它工作正常，但是第二次单击男性时，它跳到女性。另外，这种情况也会发生。

这是HTML代码：

<div class="row" *ngIf="employee.listingRule.includes('is_female')" >
    <label class="col-12 col-md-3 pb-2 col-form-label">sex:</label>
    <div class="col-12 col-md-9 pb-2">
       <div class="row">
          <div class="col-6">
            <fa-icon class="mr-2"
            [icon]="!employee.is_female ? icon.radioSelected : icon.radioBlank"
            (click)="setSex()"></fa-icon>
            <span (click)="setSex()">
              Man
             </span>
           </div>
           <div class="col-6">
             <fa-icon class="mr-2"
               [icon]="employee.is_female ? icon.radioSelected : icon.radioBlank"
               (click)="setSex()"></fa-icon>
               <span (click)="setSex()">
                 Women
               </span>
            </div>
        </div>
    </div>
</div>

这是代码片段，我使用的功能

  setSex() {
    this.employee.is_female = !this.employee.is_female;
  }

我该如何解决它，以便在第二次单击时不会跳到其他性别？

Answer 1

更好的选择是在方法上传递男性或女性，并根据该方法激活（click）=“ setGender（'male'）”或（click）=“ setGender（'female'）”

单选按钮打开2次点击

1 个答案: