有一个用于性别的单选按钮,当我第一次选择男性时,它工作正常,但是第二次单击男性时,它跳到女性。另外,这种情况也会发生。
这是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;
}
我该如何解决它,以便在第二次单击时不会跳到其他性别?
答案 0 :(得分:1)
更好的选择是在方法上传递男性或女性,并根据该方法激活 (click)=“ setGender('male')”或(click)=“ setGender('female')”