Как получить данные в угловых данных с помощью пост-запроса AJAX? - PullRequest
Новая
       14

Как получить данные в угловых данных с помощью пост-запроса AJAX?

0 голосов
/ 16 апреля 2019

как я могу получить данные в угловую таблицу данных, используя ajax post запрос. Я пробовал, но это не работает, и это дает мне ошибку, как,

ошибка TS2322: Тип '{ajax: Подписка; столбцы: {название: строка; данные: строка; } []; } 'нельзя назначить для типа «Настройки». Типы свойств «ajax» несовместимы. Тип «Подписка» нельзя назначить типу «строка» | AjaxSettings | FunctionAjax. Тип «Подписка» не может быть назначен типу «FunctionAjax». Тип «Подписка» не соответствует подписи (данные: объект, обратный вызов: (данные: любой) => void, настройки: SettingsLegacy): void '.

Может кто-нибудь помочь мне найти решение для этого.

вот мой код,

HTML код: 

<table class="table table-striped table-bordered table-sm row-border hover" datatable [dtOptions]="dtOptions" [dtTrigger]="dtTrigger"></table>

.ts код: 

onSubmit(){
this.submitted=true;
//console.log("hello");
//var that = this;
this.dtOptions = {
  ajax:this.http.post(environment.api_url + `/api/search_routes`,{

    'journey_date':this.r.journey_date.value,
    "from_city":this.r.from_city.value,
    "to_city":this.r.to_city.value,

  }).subscribe((data)=>{
    console.log(data);
  }),
  columns: [
    {
      title: 'Route',
      data: 'route_name'
    },
    {
      title: 'Date',
      data: 'journey_date'
    },
    {
      title: 'Pick Up',
      data: 'from_city'
    },
    {
      title: 'Destination',
      data: 'to_city'
    },
    {
      title: 'Stoppage Point',
      data: 'stoppage_point'
    },
    {
      title: 'Distance',
      data: 'distance'
    },
    {
      title: 'Arrival Time',
      data: 'arrival_time'
    },
    {
      title: 'Approx Time(Hr)',
      data: 'approx_time'
    },

  ]

};
}
...