2017-04-06 13 views
0

"ngx-datatable"を使用して行と列を作成しています。行項目の1つについては、項目を大文字にするためにパイプを使用する必要があります。私は.jsでそれを行う方法を知っています。しかし何らかの理由でhtmlでそれを行う必要があります。私はhtmlでそれをどうやって行うのか分からない。誰も助けることができますか?事前にhtml-Angular2でパイプを使用してタイトルをmanupulate

おかげ..

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'で実行したくない場合、もう1つのオプションは' css'です: 'text-transform:capitalize;'。 – Erevald

+0

「大文字にする」とは正確には一致しません。行アイテムの1つにパイプを使用する必要があります –

+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

関連する問題