如何使用ajax发布请求在angular datatable中获取数据？

Question

如何使用ajax发布请求将数据获取到angular数据表中。 我试过了，但是没有用，给我类似的错误，

错误TS2322：键入'{ajax：订阅；列：{title：字符串;数据：字符串； } []; }”不可分配给“设置”类型。   属性“ ajax”的类型不兼容。     不能将类型'Subscription'分配给类型'string | AjaxSettings | FunctionAjax'。       类型“ Subscription”不能分配给类型“ FunctionAjax”。         类型'Subscription'不提供签名'（data：object，callback：（data：any）=> void，settings：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'
    },

  ]

};
}