角型アプリケーションはChromeでは動作しますが、Safariでは動作しません

Question

Chromeで問題なく動作しますが、Apple Mobile Safariでは壊れています。

私は状況をトラブルシューティングし、問題の原因となっている角度コントローラーの側面にコードの下の行があることがわかりました。このコードを使用すると、すべて正常に動作します。

コードは、ページ上のすべての画像を取り込み、配列内に配置します。適切な互換性を確保するために私は異なったやり方をすることができますか？ありがとうございました！

$scope.load_picture_cotent = function() { 

    $scope.pictures = Array.from(

    document.querySelectorAll 
    ('div.album [style^="background-image"]')).map 
    (el=>el.style.backgroundImage.replace(/url\((.*)\)/,'$1') 
      .replace(/"/g,'') 
      .replace(/thumbnails/,'highresolution')); 

    console.log($scope.pictures); 
} 

また、ウェブサイトhereを表示することもできます。

さらに詳しい情報が必要な場合や、詳細を掲載するために投稿を拡大したい場合は教えてください。

Answer 1

ECMA 2015ラムダ表記を使用していて、これをバベルで包んでもう一度試してみてください。ECMA Script 2015でブラウザの互換性の状態を確認しましたか？

Answer 2

ありがとうbretanac93。

私は現在、ブラウザでサポートされているよりも新しいバージョンのJavascriptを使用していました。

彼は新しいJavascriptを互換性のあるJavascriptに変換するコンパイラであるBabelを使用することをお勧めします。

私は互換性のあるjavascriptをコンパイルするためにbabelを使用しました。これは魅力的です。