Question

该页面在Chrome，IE或Firefox中运行正常，但是在Safari中我遇到了一个奇怪的问题。单选按钮内的（单击）事件不起作用，不会触发该事件。稍后在按钮中还有另一个（单击），它工作正常。该问题发生在iPhone / iMac上，因此与设备无关。

该页面仅是带有一些问题的调查。这是html代码的示例：

INSERT

这是正常运行的（点击）代码：

<div class="col" *ngIf="!valueSelection">
    <h4 for="">1.- Question 1</h4>
    <div class="form-check">
        <input class="form-check-input" type="radio" name="questionRMG1" id="questionRMG1_1" value="answerRMG1_1" [(ngModel)]="valueSelection"
         (click)="onSelect(0.25)">
        <label class="form-check-label" for="questionRMG1_1">Answer a.</label>
    </div>
    <br>
    <div class="form-check">
        <input class="form-check-input" type="radio" name="questionRMG1" id="questionRMG1_2" value="answerRMG1_2" [(ngModel)]="valueSelection"
         (click)="onSelect(0.10)">
        <label class="form-check-label" for="questionRMG1_2">Answer b./label>
    </div>
    <br>
    <div class="form-check">
        <input class="form-check-input" type="radio" name="questionRMG1" id="questionRMG1_3" value="answerRMG1_3" [(ngModel)]="valueSelection"
         (click)="onSelect(0)">
        <label class="form-check-label" for="questionRMG1_3">Answer c. </label>
    </div>
    <br>
    <div class="form-check">
        <input class="form-check-input" type="radio" name="questionRMG1" id="questionRMG1_4" value="answerRMG1_4" [(ngModel)]="valueSelection"
         (click)="onSelect(0,50)">
        <label class="form-check-label" for="questionRMG1_4">Answer d. </label>
    </div>
    <p>
        <ngb-progressbar [value]="0" type="info">0%</ngb-progressbar>
    </p>
</div>

我真的不知道可能是什么问题。

Answer 1

经过更多研究，我发现了一个类似的问题：Angular2 radio button not working in Production

我尝试将环境生产变量更改为false，现在一切都可以在Safari上运行。

这是一个解决方案，但我不明白为什么会这样，这没有道理。

单选按钮上的Angular2 +（单击）事件在Safari / iOS上不起作用

1 个答案: