2016-11-30 72 views
0

我想在我的角度成分顯示的數據創建一個自定義管道,由於某種原因未能成功。有人可以幫助我創建這個自定義管道以下列格式顯示票據嗎?這是我的plunkerAngular2分組管

SEARCH 
Ticket Id Ticket Type status 
12345  chat   closed 
62363  phone   open 
48768  phone   open 

DISPUTE 
Ticket Id Ticket Type status 
79439  web   closed 
67797  phone   open 
+0

正是你不能因爲某些原因成功嗎?什麼原因? –

+0

對不起,我創建了一個plnk沒有我的蹩腳的代碼。我試圖按照http://stackoverflow.com/questions/37248580/how-to-group-data-in-angular-2而每到這個時候正是我結束了。類型錯誤:無法讀取屬性「減少」的不確定 – Rama

回答

1

我終於得到了我的第一個自定義管道工作。感謝http://www.morphatic.com/2016/06/23/creating-a-filter-pipe-for-angular-2-in-ionic-2/。如果有人對解決方案感興趣,我已經更新了plunker。由於我是Angular2的新手,我很樂意提出修改/簡化我的解決方案的建議。

@Pipe({ 
    name: 'ticketsGrouping', 
    pure: false 
}) 

export class TicketsGrouping implements PipeTransform { 

    transform(items: Array<any>, conditions: {[field: string]: any}): Array<any> { 
    if (items !== undefined) { 
     return items.filter(item => { 
     for (let field in conditions) { 
      if (item[field] !== conditions[field]) { 
      return false; 
      } 
     } 
     return true; 
     }); 
    } 
    } 
} 
+0

你也可以使用'NG-pipes'模塊: https://github.com/danrevah/ng-pipes#groupby – DanR