각도 응용 프로그램은 Chrome에서는 작동하지만 Safari에서는 작동하지 않습니다.

내 웹 사이트는 Chrome에서 정상적으로 작동하지만 Apple Mobile Safari에서는 작동하지 않습니다.각도 응용 프로그램은 Chrome에서는 작동하지만 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도 볼 수 있습니다.

더 많은 정보가 필요하거나 더 많은 정보를 포함하도록 내 게시물을 확장하고 싶다면 알려주십시오.

출처

2016-10-16 Ben L

어떻게 고장 났습니까? – Robert

응용 프로그램이 시작되지 않습니다. 내 웹 사이트는 각도 경로를 사용합니다 (메뉴 막대와 꼬리말은 index.html의 일부로, 꼬리말은 경로를 사용하여 가져옵니다). 머리글과 바닥 글은로드되지만 각도 JS 경로는 내용을 표시하지 않습니다. –

당신은 ECMA 2015 람다 표기법을 사용하고 있습니다. 이것을 바벨로 감싸고 다시 시도해보십시오. ECMA Script 2015로 브라우저 호환성 상태를 확인 했습니까?

출처

2016-10-16 16:40:55 bretanac93

감사합니다. bretanac93.

그는 현재 브라우저에서 지원하는 것보다 최신 버전의 자바 스크립트를 사용하고있었습니다.

그는 새 Javascript를 호환 가능한 Javascript로 변환하는 컴파일러 인 Babel을 사용하는 것이 좋습니다.

나는 호환성 자바 스크립트를 컴파일하기 위해 babel을 사용했으며 매력처럼 작동합니다.

출처

2016-10-17 07:26:43

각도 응용 프로그램은 Chrome에서는 작동하지만 Safari에서는 작동하지 않습니다.

답변

관련 문제