Currently, I am utilizing Angular 5 to manage internationalization through ngx-translate within my code.
To elaborate on the issue at hand, I have a data table that pulls information from a web service and displays it correctly. There is also a button that allows users to export the data to a CSV file using Angular5csv. The function below retrieves the headers for the CSV file based on the selected language:
getHeader(){
this.translateService.get(['app.lblInvSupNum','app.lblInvTANum',
'app.lblDateInv' ,'app.lblDueDate',
'app.lblAmount' ,'app.lblCurrency',
'app.lblStatut' ,'app.lblBlockCode',
])
.subscribe((res: any[]) =>{
this.header=res;
console.log(this.header);
})
Upon displaying the results in the console, the output looks like this:
{app.lblInvSupNum: "Supplier Invoice Number", app.lblInvTANum: "Invoice Number", app.lblDateInv: "Invoice date", app.lblDueDate: "Due Date", app.lblAmount: "Amount", …}My goal is to create an array of strings to pass to angular5csv. A desired format would be:
[
'Supplier Invoice Number',
'Invoice Number',
'Invoice Date',
'Due Date',
'Amount',
'Currency',
'Status',
'Blockage Code'
]
Thank you in advance for any assistance provided.