각도 조절기에서 여러 번 onReady 이벤트 발생

Question

이 $window과 함께 사용 된 경우 Angular/Ionic 앱에서 여러 번 발사되는 것을 방지하는 방법에 대한 도움말을 찾고 있습니다. 특히 우리는 Wistia 비디오에 대해이 방법을 사용하고 있습니다 (지침 here). 잘못된 코드는 다음과 같습니다

$window._wq = $window._wq || []; 
$window._wq.push({ id: "5bbw8l7kl5", onReady: function(video) { 
    console.log("I got a handle to the video using Wistia's onReady method!", video.uuid); 
}}); 

onReady 방법을 여러 번 실행 끝 $window._wq를 사용하는 방법에 대해 그것을 무엇입니까?

언제든지 onReady이 컨트롤러보기를 다시 방문 할 때 한 번만 움직일 수 있도록 각성 ("해킹"이 없거나 회피하지 않음) 할 수 있습니까?

로컬로 문제를 재현하는 데 사용할 수있는 몇 가지 샘플 코드를 입력하십시오 (here).

모든 통찰력, 생각, 아이디어는 크게 감사하겠습니다 !!

Answer 1

다음은 가능한 문제입니다.
1. 동일한 ID의 비디오가 여러 개 있다고 생각합니다. API 페이지에서
2. 그는 당신이 익명의 배수가있을 수 있습니다

Answer 2

이벤트를 클릭 NG 당신은 당신이 같은 NG-모델이나 두 개의 동영상을 확인 않았다, 당신은 각 사용하는 _wq.push 대신 $window._wq.push
3. 사용 함수 콜백이 주위에 떠있었습니다. onReady 콜백을 별도의 함수로 추출한 다음 해당 함수를 onReady에 객체에 전달하는 것이 좋습니다.

$window._wq = $window._wq || []; 
$window._wq.push({ id: "5bbw8l7kl5", onReady: onReadyCallback }); 
var onReadyCallback = (video) => { console.log('I got a handle to the video using Wistia's onReady method!', video.uuid }; 

이 당신이 적어도 익명 함수에서 코드를 분리하고 발사 여러 이벤트의 근본 원인을 추적하는 데 도움이되는 기능의 발신자를 파악하는 데 도움이됩니다. 범위 안에 컨트롤러의 인스턴스가 여러 개있을 수도 있지만 Wistia 나 Ionic 환경은 없습니다.