AngularDatatableajax只能运行一次
创始人
2024-10-24 00:32:06
0

这个问题可以通过对数据的重新加载来解决。

首先,在组件中定义一个变量来保存数据的来源:

data: any = null;

接着,在ngOnInit()函数中执行Ajax调用,并将返回的数据保存在该变量中:

ngOnInit() {
    this.http.get('https://api.example.com/data').subscribe(data => {
        this.data = data;
    });
}

在DataTable选项中,使用ajax.source选项来指定数据的来源:

datatableOptions = {
    ...
    ajax: {
        source: this.data,
        ...
    }
};

最后,为了能够重新加载数据,需要在组件中定义一个重新加载数据的函数:

reloadData() {
    this.http.get('https://api.example.com/data').subscribe(data => {
        this.data = data;
        let table = $('#myTable').DataTable();
        table.ajax.reload();
    });
}

当需要重新加载数据时,调用reloadData()函数即可。

注意:需要在模板中指定DataTable的ID为myTable,例如:

相关内容

热门资讯

实测揭晓!微乐陕西小程序破解器... 实测揭晓!微乐陕西小程序破解器,情怀四川辅助哪里可以装,详细技巧(有挂总结)情怀四川辅助哪里可以装能...
一分钟揭秘!闽游app破解,纳... 一分钟揭秘!闽游app破解,纳祥游戏科技,详细工具(有挂细节)1、下载好纳祥游戏科技正确养号方法之后...
一分钟揭秘!创思维辅助器,拱趴... 一分钟揭秘!创思维辅助器,拱趴大菠萝修改器,详细脚本(有挂方法)1、下载好拱趴大菠萝修改器脚本下载之...
盘点十款!牵手app破解,老友... 盘点十款!牵手app破解,老友辅助工具下载,详细app(有挂详情)一、老友辅助工具下载游戏安装教程牌...
玩家必用!途游小程序辅助器,蜀... 玩家必用!途游小程序辅助器,蜀山四川破解版安卓版,详细技巧(真的有挂)1、下载好蜀山四川破解版安卓版...
一起来探讨!斗棋辅助脚本视频,... 一起来探讨!斗棋辅助脚本视频,微乐小程序免费黑科技下载,详细挂(有挂规律)1、微乐小程序免费黑科技下...
我来分享!微信小程序蜀山四川辅... 我来分享!微信小程序蜀山四川辅助器,开心庄园辅助器免费,详细app(有挂规律)微信小程序蜀山四川辅助...
推荐十款!火神大厅辅助器,新八... 推荐十款!火神大厅辅助器,新八戒辅助,详细技巧(有挂解密)1、玩家可以在火神大厅辅助器线上大神俱乐部...
最新技巧!雀姬无限钻石辅助,湖... 最新技巧!雀姬无限钻石辅助,湖南赣湘互娱辅助脚本,详细app(证实有挂)1、用户打开应用后不用登录就...
每日必备!老友广西玩有破解视频... 每日必备!老友广西玩有破解视频,广东雀神祈福真的有用吗,详细方法(有挂工具)1、点击下载安装,广东雀...