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,例如:

相关内容

热门资讯

透视工具(wepoke模拟器)... 透视工具(wepoke模拟器)德州之星可能有外挂吗(详细辅助线上教程)好像存在有挂;小薇(透视辅助)...
wepoke是真的有挂!微扑克... wepoke是真的有挂!微扑克代打是真的吗,(aapokEr)原先有挂(详细辅助2025版教程),亲...
透视苹果版(wepoke辅助有... 透视苹果版(wepoke辅助有挂)德扑计算软件(详细辅助安装教程)本然真的有挂是一款可以让一直输的玩...
WePoKe透明挂!哈糖大菠萝... WePoKe透明挂!哈糖大菠萝怎么弄的,(aapOker)都是真的是有挂(详细透视透视教程);支持2...
透视教学(wepoke的确有挂... 一、简介了解软件请加微:136704302是一款在线扑克游戏平台,玩家可以在平台上进行多人在线扑克游...
透视ai代打(微扑克全自动机器... 透视ai代打(微扑克全自动机器人)wepower怎么设置德州(详细辅助教你攻略)固有是真的有挂1、快...
aapoker辅助!云扑克德州... aapoker辅助!云扑克德州PK,(智星德州)原本真的有挂(详细透视大神讲解)是一款可以让一直输的...
透视有挂(德扑之星ai代打)w... 透视有挂(德扑之星ai代打)wepoke黑科技(详细辅助规律教程)从来是真的有挂1、每个玩家都可以进...
智星德州菠萝!微扑克系统机制,... 智星德州菠萝!微扑克系统机制,(线上德州)从来是真的有挂(详细透视攻略方法);超受欢迎的智星德州菠萝...
透视最新(aapoker发牌机... 透视最新(aapoker发牌机制)微扑克发牌逻辑(详细辅助攻略教程)素来真的有挂;是一款可以让一直输...