Angular 2：iframe在chrome中加载但在firefox中没有加载

Question

很困惑为什么iframe没有在firefox中加载。但它在Google Chrome中运作良好。

这是我的角度2代码。

<div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 nopadding customPaddingOnMobileDevice" [ngClass]="{visibility: isMapViewHidden}">
   <div [style.height]="(windowHeight - 130) + 'px'">
    <div class="modal-header alert-info">
        <button type="button" class="close" (click)="hideBookingView()">&times;</button>
        <h4 class="modal-title text-center">FMA - Book Appointment </h4>
    </div>

    <iframe width="100%" height="790px;" [src]="'https://something.health.care/public/rmd_widget.php?shortname=something&width=1920#doctorLocationsContainer' | safeUrl"></iframe> 
  </div></div>

但有一件事我在镀铬加载我的地​​图组件时观察到我可以看到这个iframe网址正在加载。但是在Firefox中我看不到这个iframe网址加载。

有人遇到过这种问题吗？

Answer 1

好的，终于成功找到了问题。

使用ngClass因为它不能在firefox中运行，但不知何故它在chrome中工作。

我将ngClass更改为* ngIf，它在两个浏览器中都有效。

<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 nopadding customPaddingOnMobileDevice animated fadeInDown" [ngClass]="{visibility: bookAppointmentVisibility}">

到

<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4 nopadding customPaddingOnMobileDevice animated fadeInDown" *ngIf="!bookAppointmentVisibility">