angularJS pswp가있는 Photoswipe가 정의되지 않았습니다.

Question

저는 첫 번째 웹 페이지를 만들려고 노력하는 초보자입니다. 각도 경로를 사용하여 각도를 사용하고 있습니다. 시작 설명서에 필요한 photoswipe html이 들어있는 페이지가 index.html에 삽입됩니다. 다음 오류가 발생했습니다. 내가 바로 그와 끝까지 코드를 통해 parentEL에 따라 photoswipe.js의 66 줄을 가리키는 "catch되지 않은 형식 오류 속성을 읽을 수 없습니다 'firstChild'정의의"(VAR 노드 = ....)

getChildByClass: function(parentEl, childClassName) { 
    var node = parentEl.firstChild; 
    while(node) { 
     if(framework.hasClass(node, childClassName)) { 
      return node; 
     } 
     node = node.nextSibling; 
    } 

시작하는 문서마다 필요한 js의 첫 번째 줄.

var pswpElement = document.querySelectorAll('.pswp')[0]; 

console.log (pswpElement)를 추가하면 루트 문제라고 생각되는 undefined가 반환됩니다. 의사는 class = pswp가 photoswipe의 루트 요소 클래스 여야한다고 말합니다. 내 경로 정의에서/gallery에 삽입되는 html 페이지의 루트 요소에 있습니다. 또한 index.html 페이지에 ng-view가 포함 된 div를 포함하여 모든 요소에 추가하려고했습니다. pswpElement는 항상 정의되지 않은 상태로 되돌아옵니다.

포토 와이드를 각도로 통합하는 데 도움이되는 모든 사항에 많은 도움이됩니다.

Answer 1

동일한 문제가 발생했습니다. jquery 또는 다른 자바 스크립트 도구를 사용하도록 설정 한 경우 페이지가 완전히로드 된 후 photoswipe 함수 만 실행하십시오.

$(document).ready(function() { 
    openPhotoSwipe(); 
}); 

당신은 페이지 하단에 자바 스크립트를 이동하는 기능에 HTML에서 자바 스크립트, 또는 photoswipe를 캡슐화해야합니다

..이 검색을 시작하려고하기 때문에

은 "정의되지 않은"오류가 온다 .pswp 클래스가 아직로드되지 않은 경우에는 ...