quisiera su gentil apoyo, estoy realizando tablas dinamica que son por los tipo: es decir quisiera que se pinte el titulo ejemplo CENTRO ORIENTE_IND Y Toda su información de CENTRO ORIENTE_IND Y así sucesivamente tengo un objeto en html.component que se muestra así usando este código: {{dataSource | json}}
[ { "RINDTAB": 1, "hdester": "CENTRO ORIENTE_IND", "HCOLBT": "TYVEP100", "HCOLNOM": "VEGA PENADILLO YENSEN", "TOTAL_MES": 5180 }, { "RINDTAB": 1, "hdester": "NOR ANDINO_IND", "HCOLBT": "TASUQ100", "HCOLNOM": "SULLUCHUCO QUISPE ANDERSON MIGUEL", "TOTAL_MES": 5100 }, { "RINDTAB": 1, "hdester": "LIMA SELVA_IND", "HCOLBT": "TOESJ100", "HCOLNOM": "ESPINOZA JAPA OSCAR RONAL", "TOTAL_MES": 4600 }, { "RINDTAB": 1, "hdester": "SUR_IND", "HCOLBT": "TDVAC100", "HCOLNOM": "VASQUEZ CHINO DIEGO JESUS", "TOTAL_MES": 4500 }]
he creado un div dinamico con un *ngFor que me va mostrar los titulos de cada tabla
<div *ngFor="let item of letfortable;let i = index" fxFlex style="padding: 25px;padding-top: 50px;">
<stg-window-bar [title]="item.hdester" titleAlign="center center" fontSize="20px" style="padding-top: 50px;"></stg-window-bar>
{{dataSource | json}}
</div>
Quisiera que dentro de mi Objeto dataSource haga un filtro con el titulo , es decir si el titulo indica CENTRO ORIENTE_IND solo debe estar la información de CENTRO ORIENTE_IND
LA INFORMACIÓN DE letForTable
[ { "RINDTAB": 1, "hdester": "CENTRO ORIENTE_IND" }, { "RINDTAB": 2, "hdester": "LIMA SELVA_IND" }, { "RINDTAB": 3, "hdester": "NOR ANDINO_IND" }, { "RINDTAB": 4, "hdester": "SUR_IND" } ]
LA INFORMACIÓN DE dataSource
[ { "RINDTAB": 1, "hdester": "CENTRO ORIENTE_IND", "HCOLBT": "TYVEP100", "HCOLNOM": "VEGA PENADILLO YENSEN", "TOTAL_MES": 5180 }, { "RINDTAB": 1, "hdester": "NOR ANDINO_IND", "HCOLBT": "TASUQ100", "HCOLNOM": "SULLUCHUCO QUISPE ANDERSON MIGUEL", "TOTAL_MES": 5100 }, { "RINDTAB": 1, "hdester": "LIMA SELVA_IND", "HCOLBT": "TOESJ100", "HCOLNOM": "ESPINOZA JAPA OSCAR RONAL", "TOTAL_MES": 4600 }, { "RINDTAB": 1, "hdester": "SUR_IND", "HCOLBT": "TDVAC100", "HCOLNOM": "VASQUEZ CHINO DIEGO JESUS", "TOTAL_MES": 4500 }]
Actualmente dataSource muestra todo pero quisiera que se filtre
he avanzado con este codigo y ya se muestra en cada uno pero al momento cuando coloco esa data en [dataSource]=" item" sale un error adjunto print
<div *ngFor="let items of letfortable;let i = index" >
<stg-window-bar [title]="items.hdester " titleAlign="center center" fontSize="20px" style="padding-top: 50px;"></stg-window-bar>
<div *ngFor="let item of dataSource " >
<div *ngIf="item.hdester ==items.hdester" >
{{ item | json }}
<stg-table2 [options]="options" [dataSource]=" item" [headers]="headers" [optionsObserver]="optObs" >
</stg-table2>
</div>
</div>
</div>