2017-04-06 1 views
0

"ngx-datatable"을 사용하여 행과 열을 구성하고 있습니다. 행 항목 중 하나에 대해 항목을 대문자로 사용하기 위해 파이프를 사용해야합니다. 나는 .js에서 그것을하는 방법을 안다. 하지만 어떤 이유로 html로해야 할 것입니다. html로하는 방법을 모른다. 어느 누구도 도움이 될 수 있습니까? 당신은 당신의 행 템플릿의 출력을 제어 할 수 있습니다 html-Angular2에서 파이프를 사용하여 제목을 사용하십시오.

private getRows() { 
 
    this.rows = []; 
 
    for (const item of this.list) { 
 

 
     const rowObject: any = { 
 
     date: item.date, 
 
     method:item.method,     status:item.status), 
 
     detail: item.paymentId 
 
     }; 
 

 
     
 
     this.rows.push(rowObject); 
 
    } 
 

 

 
    }
<ngx-datatable 
 
    [rows]="rows" 
 
    [columns]="columns" 
 
    *ngIf="rows.length"> 
 
    </ngx-datatable>

+0

'js '에서하지 않으려면 다른 옵션은'css' :'text-transform : capitalize;'입니다. – Erevald

+0

정확히 "대문자 화"하지 않습니다. 행 항목 중 하나에 파이프를 사용해야합니다. –

+0

[여기] (https://swimlane.gitbooks.io/ngx-datatable/content/api/detail/inputs)에 언급 된 행 템플릿에서 파이프를 전달할 수 있습니다. html) – Erevald

답변

0

사전에

감사합니다 ....

<ngx-datatable [rows]="rows" [columns]="columns" *ngIf="rows.length"> 

    <ngx-datatable-column name="Date"> 
    <!-- condition logic here --> 
    <ng-template let-value="value" ngx-datatable-cell-template> 
     <!-- value with a pipe --> 
     {{value | date}} 
    </ng-template> 

    </ngx-datatable-column> 

</ngx-datatable> 
+0

조건은 어떤 종류의 조건을 의미합니까? –

+0

적용하고자하는 조건. 전의. '* ngIf = "행. $$ index == 2"'- 행 인덱스가 2 인 경우. – Erevald