如何使用ajax发布请求获取角度数据表中的数据?

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

我如何使用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'
    },

  ]

};
}
ajax angular post datatable
1个回答
0
投票

我在这里有同样的问题。设法解决?

© www.soinside.com 2019 - 2024. All rights reserved.