我的API返回的数据如下:{“ msg”:“所有销售清单”,“ sales”:[{“ id”:1,“ user_id”:3,“ client_id”:3,“ description”:“ test”,“ type”:“ test”,“ status”:“ test”,“ sale_date “:” 2020-04-01“,”付款日期“:” 2020-04-15“,” payment_ref“:”测试“,”总价“:” 233“,” created_at“:” 2020-04-07T19:19 :16.000000Z“,” updated_at“:” 2020-04-16T19:19:16.000000Z“,” view_sale“:{” href“:” api / v1 / sale / 1“,” method“:” POST“}, “服务”:[]}]}]
我想在flx-ui-datatable内的“ sales”部分中显示这些数据。我这样尝试过:
<flx-ui-datatable
[headers]="['Nr. i Faturës','Data e Faturës','Klienti','Përshkrimi','Shuma','Data e pagesës','Statusi']"
[dataKeys]="['sales.id','sales.sale_date','sales.client_id','sales.description','sales.total_price','sales.payment_date','sales.status']"
dataUrl="http://localhost/finance/server/public/api/v1/sale"
[hasActionButtons]="true"
[actionButtons]="buttons"
(firstActionButtonClicked)="firstButtonClicked($event)"
(secondActionButtonClicked)="secondButtonClicked($event)"
></flx-ui-datatable>
,但是这个没有用。这是一个:sales.id我应该做的正确的事情吗?有什么建议吗?
<flx-ui-datatable
[headers]="['Nr. i Faturës','Data e Faturës','Klienti','Përshkrimi','Shuma','Data e pagesës','Statusi']"
[dataKeys]="['id','sale_date','client_id','description','total_price','payment_date','status']", //removed sales from every key
[dataSrcKey]="'sales'" // added this thing
dataUrl="http://localhost/finance/server/public/api/v1/sale"
[hasActionButtons]="true"
[actionButtons]="buttons"
(firstActionButtonClicked)="firstButtonClicked($event)"
(secondActionButtonClicked)="secondButtonClicked($event)"
></flx-ui-datatable>
请检查这件事如:如果来自api的数据是数组([{},{}]),则不要指定[dataSrcKey],如果来自api的数据是JSON对象{'status':200,'data':[{},{} ]}和用于保存数据库记录的数据键,然后将[dataSrcKey]设置为data;
上方突出显示的语句来自[pm]的官方页面https://www.npmjs.com/package/flx-ui-datatable