Html 角度2+；（单击）单选按钮上的事件不适用于Safari/iOS

该页面在Chrome、IE或Firefox中运行良好，但在Safari中我遇到了一个奇怪的问题。单选按钮内的（单击）事件不起作用，事件未激发。我有另一个（点击）按钮后，它的作品很好。问题发生在iPhone/iMac上，因此与设备无关

该页面只不过是一个带有一些问题的调查。下面是一个html代码示例：

<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>

1.问题1
回答a。


答案b./标签>


答案c。


答案d。

0%

以下是工作正常的（单击）代码：

<div class="container">
    <div class="row">
        <div class="col">
            <h4>Text</h4>
            <br>
            <form #mailForm="ngForm">
                <div class="form-group">
                    <label for="exampleInputName1">Name</label>
                    <input type="text" class="form-control" id="exampleInputName1" [(ngModel)]="inputName" name="inputName" placeholder="nombre empresa">
                </div>
                <div class="form-group">
                    <label for="exampleInputEmail1">Mail</label>
                    <input type="email" class="form-control" id="exampleInputEmail1" [(ngModel)]="inputEmail" name="inputEmail" aria-describedby="emailHelp"
                     placeholder="mail">
                    <small id="emailHelp" class="form-text text-muted">Text</small>
                </div>
                <div class="form-group form-check">
                    <input type="checkbox" class="form-check-input" id="exampleCheck1" [(ngModel)]="inputCheck" name="inputCheck">
                    <label class="form-check-label" for="exampleCheck1">Check me out</label>
                </div>
                <button type="submit" class="btn btn-primary" (click)="onSend()" ng-disabled="sending">Enviar</button>
            </form>
        </div>
    </div>
</div>

正文


名称
邮寄
正文
看看我
羡慕

---

我真的不知道问题出在哪里

经过更多的研究，我发现了一个类似的问题：

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

---

这是一个解决方案，但我不明白为什么会发生这种情况，没有意义。

问题显然是Safari。。。考虑停止使用苹果产品吗？除了笑话，你能测试一下香草

onclick

事件是否有效吗？抱歉，如果我没有正确解释自己，两段代码都是同一页的一部分，调查一次只显示一个问题，当调查结束时，它会显示（单击）有效的代码，因此（单击）在单选按钮之外工作。这很清楚，我在问单选按钮上是否触发了

onclick

事件。你能测试一下吗？当点击单选按钮时，调查进入下一个问题，效果很好。这就是你想要的吗？如果我误解了你，请再次道歉。不，不是。在javascript中，您可以将事件绑定到HTML元素：在Java中，您编写

（单击）=“function（）”

，在原生JS中，它是

onclick=“function（）”

。我要求您测试一下本地javascript中单选按钮上的点击事件是否有效。如果没有，则意味着Safari无法将单击事件绑定到按钮。但如果是这样，就意味着Angular在Safari和radio点击事件方面存在问题。我正试图找出这个问题，这样我可以给你一个合适的答案。