2017-12-04 9 views
0

vanilla/plain javascript로 작성된 다른 라이브러리를 래핑하는 각도가 2보다 큰 라이브러리를 만듭니다.각도 : DOM을 생성하고 관리하는 외부 라이브러리를 사용하는 방법

이 외부 라이브러리는 갤러리입니다. DOM (생성/삭제/업데이트 요소)을 조작하고 이벤트를 관리합니다 (클릭).

각도 구성 요소에서이 라이브러리를 사용할 때 발생하는 문제는 생성 된 DOM을 각도로 볼 수없고 _ngcontent-xxx 속성이 생성 된 HTML에없고 스타일이 적용되지 않는다는 것입니다.

이러한 종류의 외부 라이브러리를 각도 컨텍스트에서 어떻게 관리해야합니까?

//.... 
styles": [ 
       "scss/style.scss", 
       "../node_modules/primeng/resources/themes/kasper/theme.css", 
       "../node_modules/primeng/resources/primeng.min.css", 
       "../node_modules/dragula/dist/dragula.css", 
       "../node_modules/ng2-toastr/bundles/ng2-toastr.min.css" 
      ], 
      "scripts": [ 
       "../node_modules/chart.js/dist/Chart.bundle.min.js", 
       "../node_modules/chart.js/dist/Chart.min.js" 
      ], 
// 
+0

이 라이브러리에 대한 링크를 제공 할 수 있습니다 : – jcmordan

+0

내가 원했던 것은 일반적인 행동을 이해하는 것입니다. 그러나 도서관이 있습니다 : https://github.com/Ecodev/natural-gallery-js 요소들은 document.createElement (...)에 의해 생성 된 다음 xxx.appendChild (yyy)에 의해 추가됩니다. – Sam

답변

0

그냥이처럼 .angular-cli.json 파일의 라이브러리를 포함?
+0

예, 그들은 전역 적으로 추가 할 수 있지만 구성 요소를 노출하는 각도를 만들 때는 모범 사례가 아닙니다. CSS는 구성 요소 선언에 포함되어야하며 이로 인해 네임 스페이스가 지정되지만 생성 된 html은 아니며 스타일이 적용되지 않습니다. Unnamespaced HTML이 잘못되었습니다 ... 여기에 질문 : 각도 구성 요소 컨텍스트에서 외부 라이브러리에 의해 생성 된 html을 처리하는 방법은 무엇입니까? – Sam