Angular 5应用无法在Safari移动浏览器中呈现

Question

嗨，我有一个简单的angular 5应用程序，可以将图像上传到我的Web服务器。这个angular 5应用程序完美地适用于chrome（移动/桌面）和Safari桌面版本。但是当我使用Safari作为网络浏览器从iPhone中访问它时，它无法呈现.....要能够正常工作，我必须启用JS：

当我在IOS中进行此配置时，Web应用程序可以正常工作...然后我的问题是....我该怎么做，以便在移动Safari中呈现我的角度Web应用程序，而不必在iOS？

角度代码：

HTML

<div class="custom-file">
  <input type="file" class="custom-file-input" lang="es" (change)="onFileChange($event)">
  <label class="custom-file-label" for="customFileLang">{{fileName}}</label>
</div>

TS

export class AppComponent{
  title = 'app';
  fileName:string;
  base64:string;

  constructor(private imageService: ImageService) {
  }

  onFileChange(event) {
    let image:File = event.target.files[0];
    this.base64=image.name;
    this.imageService.saveImage(image).subscribe();
  }

非常感谢！

Answer 1

一个Angular应用程序（使用Typescript）是用Javascript进行编译的，因此只有启用JavaScript后它才能工作。

看起来像the default value of this setting is "enabled"，所以不用担心您的访客。

Answer 2

问题出在我拥有的IOS版本（11.4.1），因为当您从未使用过它时，该按钮看起来像是被禁用了，但实际上它是活动的……但是当您操纵它时，它实际上是显示状态按钮...，即处于活动状态还是处于非活动状态...这意味着JS在IOS中默认处于活动状态，但显示为非活动状态

See more details