Получить данные из API

Question

Мой API возвращает данные следующим образом: {"msg": "Список всех продаж", "sales": [{"id": 1, "user_id": 3, "client_id": 3, "description": "тест", "типа": "тест", "статус": "тест", "sale_date": "2020-04-01", "PAYMENT_DATE": "2020-04-15", "payment_ref": "тест " "TOTAL_PRICE": "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 "}," services ": []}]}

Я хочу отобразить эти данные в разделе" продажи "внутри flx-ui-datatable. Я пытался так:

<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? Есть предложения?

Answer 1

попробуйте использовать это:

<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 - это Array ([{}, {}]), то не указывайте [dataSrcKey], Если данные из API равны JSON Object {'status': 200, 'data': [{}, {}]} с ключом данных, содержащим записи вашей базы данных, тогда установите [dataSrcKey] в data;

Выше выделенное заявление от https://www.npmjs.com/package/flx-ui-datatable, которое является официальной страницей npm