从API获取数据

问题描述 投票:0回答:1

我的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我应该做的正确的事情吗?有什么建议吗?

angular api
1个回答
0
投票
尝试使用此:

<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
© www.soinside.com 2019 - 2024. All rights reserved.