PrimeNG datatable에서 템플릿을 사용하는 방법

Question

http://www.primefaces.org/primeng에 대한 대부분의 링크가 더 이상 작동하지 않기 때문에 스스로 대답 할 수없는 매우 기본적인 질문이 있습니다. 포럼에 등록하려고했지만 활성화 메일이 도착하지 않았습니다.

저는 Angular2를 사용하고 파일 이름과 상태의 두 열로 된 데이터 테이블을 가지고 있습니다. 변경하려는 상태 열. 이제 1에서 4까지의 숫자를 보유하고 있으며 상태를 기반으로 글리프 콘을 표시하려고합니다.

내가 지금 작업을하는이,이

:

<p-dataTable [hidden]="loading" [value]="files" selectionMode="single" sortField="Status" [sortOrder]="-1"> 
    <p-column field="FileName" header="Naam" sortable="true"></p-column> 
    <p-column field="Status" header="Status" sortable="true"></p-column> 
</p-dataTable> 

나는이 시도를 그냥 템플릿을 테스트하지만 아무것도 변경 없습니다 :

그래서

<p-dataTable [hidden]="loading" [value]="files" selectionMode="single" sortField="Status" [sortOrder]="-1"> 
    <p-column field="FileName" header="Naam" sortable="true"></p-column> 
    <p-column field="Status" header="Status" sortable="true"> 
    <template let-file="rowData"> 
     {{file.Status == 1 ? "Yes" : "No"}} 
    </template> 
    </p-column> 
</p-dataTable> 

것은 내가 그것을 사용하지 않는 결론을 저장 정확히. body 및 header, 당신이 어떤 하나를 지정해야한다 -

우리는 각 p-column이 템플릿을 가질 수 PrimeNG 1.0.0-beta.16

Answer 1

을 사용하고 있습니다. body이 기본값이기 때문에 의무 사항은 아닙니다.이 경우에 필요한 것이지만 좋은 연습입니다. p-column이 템플릿을 사용하려면 pTemplate을 템플릿에 추가해야합니다. 이유는 p-column이 템플릿을 표시하지 않기 때문입니다. 따라서 코드는 다음과 같아야합니다.

<p-dataTable [hidden]="loading" [value]="files" selectionMode="single" sortField="Status" [sortOrder]="-1"> 
    <p-column field="FileName" header="Naam" sortable="true"></p-column> 
    <p-column field="Status" header="Status" sortable="true"> 
    <ng-template let-file="rowData" pTemplate type="body"> 
     {{file.Status == 1 ? "Yes" : "No"}} 
    </ng-template> 
    </p-column> 
</p-dataTable>