ホーム>source

このページは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>

正常に動作する(クリック)のコードは次のとおりです。

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

私は本当に問題が何であるかについて全く分かりません。

あなたの答え
  • 解決した方法 # 1

    さらに調査した後、私は同様の質問を見つけました:Angular2ラジオボタンは本番では機能していません

    環境プロダクション変数をfalseに変更してみたところ、すべてがSafariで機能するようになりました。

    それは解決策ですが、なぜこれが起こるのか理解できず、意味がありません。

関連記事

  • 前へ java - JPAクエリ:サブクエリをグループ化条件に結合する
  • 次へ テンプレートクラスへのあいまいな参照(C ++)