2017-11-13 1 views
0

각도 응용 프로그램에 primeng Tree를 추가하려고합니다. 저는 webpack과 함께 4 각 (4.0)을 사용하고 있습니다. 예를 들어 내가 번들 CSS를 선택하면 모든과 작업처럼primeng - Tree - 정적 인 폴더 및 대화 형이 아닌 폴더

'font-awesome/css/font-awesome.css', 
'primeng/primeng', 
'primeng/resources/themes/omega/theme.css', 
'primeng/resources/primeng.min.css', 

, 그것은 보인다

는 웹팩에서, 나는 다음과 같은 추가했습니다.

내 app.module

import { TreeModule } from "primeng/components/tree/tree"; 

에 트리 메뉴를 수입하고 내가 게으른 로딩을 사용하고

imports: [TreeModule] 

수입에 추가, 그래서 내가 다시이 추가 한 한 나의 게으른로드 모듈.

나는 실제 구성 요소에 다음을 추가 했으므로 example을 추가하려고합니다.

import { TreeNode } from "primeng/primeng"; 

그것은 다음과 같은 폴더 구조를 보여줍니다하지만 난 폴더를 클릭하면 그것을 확장하지 않는 내 템플릿

<p-tree [value]="files"></p-tree> 

입니다. 완전히 정적이지만 최상위 항목을 표시하는 방식으로 작동해야합니다.

enter image description here

+0

파일은 무엇을 일을 시작? 당신이 완전히 정한'아이들'을 보여주십시오. –

+0

ngprime 예제와 동일 - https://github.com/primefaces/primeng/blob/master/src/assets/showcase/data/files.json – user2859298

+0

트리가 열릴 때 브라우저 자바 스크립트 콘솔에 오류가 있습니까? compnent가 표시되거나 트리 노드를 클릭하면? –

답변

0

는 4.4.5에 대한 모든 각도 패키지를 업데이트하고 모든