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

相关内容

热门资讯

黑科技能赢(aa扑克平台)外挂... 黑科技能赢(aa扑克平台)外挂透明挂辅助神器(透明挂)好像是真的有挂(有挂规律)-哔哩哔哩;进入游戏...
黑科技有挂(aa扑克辅助)外挂... 黑科技有挂(aa扑克辅助)外挂透明挂辅助设备(辅助挂)总是存在有挂(确实有挂)-哔哩哔哩该软件可以轻...
黑科技好牌(Wepoke代打a... 黑科技好牌(Wepoke代打ai)外挂透明挂辅助黑科技(辅助挂)本来有挂(了解有挂)-哔哩哔哩1、W...
黑科技软件(aapoker工具... 黑科技软件(aapoker工具)外挂透明挂辅助AI(ai辅助)原来真的有挂(确实有挂)-哔哩哔哩;1...
黑科技黑科技挂(wpk规律)外... 黑科技黑科技挂(wpk规律)外挂透明挂辅助ai代打(透明黑科技)真是有挂(有挂方法)-哔哩哔哩wpk...
黑科技能赢(线上德州)外挂透明... 黑科技能赢(线上德州)外挂透明挂辅助助手(智能ai)确实有挂(有挂分析)-哔哩哔哩1.线上德州 ai...
黑科技科技(wpk后台)外挂透... 黑科技科技(wpk后台)外挂透明挂辅助助手(透视)一贯是真的有挂(有人有挂)-哔哩哔哩1)wpk后台...
黑科技能赢(wpk打法)外挂透... 黑科技能赢(wpk打法)外挂透明挂辅助软件(ai辅助)原来有挂(有挂技巧)-哔哩哔哩;1)wpk打法...
黑科技好牌(微扑克)外挂透明挂... 黑科技好牌(微扑克)外挂透明挂辅助ai代打(黑科技ai)竟然是真的有挂(果真有挂)-哔哩哔哩亲,关键...
黑科技app(线上德州)外挂透... 黑科技app(线上德州)外挂透明挂辅助软件(ai辅助)真是是有挂(真是有挂)-哔哩哔哩1、用户打开应...