angular / Jquery无法重新初始化DataTable答案

【问题标题】：angular / Jquery Cannot reinitialise DataTableangular / Jquery无法重新初始化DataTable
【发布时间】：2020-04-08 16:22:38
【问题描述】：

我正在处理 Angular 项目，我正在将我的数据排序到一个数据表中，它在一个 js 文件中被初始化：

    $(function () {
        $('#sorting-table').DataTable({
            "language": {
                "lengthMenu": "Afficher _MENU_ par page",
                "zeroRecords": "Nothing found - sorry",
                "info": "Page _PAGE_ de _PAGES_",
                "infoEmpty": "Aucun résultat trouvé",
                "zeroRecords": "Rien trouvé - Désolé",
                "search": "Chercher",
                "infoFiltered": "(total: _MAX_ )",
                "paginate": {
                    "previous": "Précédent",
                    "next": "Suivant"
                }
            },
            "lengthMenu": [
                [5, 10, 15, -1],
                [5, 10, 15, "Tous"]
            ],
            "order": [
                [0, "desc"]
            ],
            dom: 'lBfrtip',
            buttons: {
                buttons: [{
                    attr: { id: 'printButton' },
                    extend: 'print',
                    text: '<i class="la la-print"></i>',
                    title: $('h1').text(),
                    exportOptions: {
                        columns: [ 0, 1, 2, 3]
                    },
                    footer: true,
                    autoPrint: true,
                }],
                dom: {
                    container: {
                        className: 'dt-buttons'
                    },
                    button: {
                        className: ''
                    }
                }
            }
        });
    });


})(jQuery);

在我的表格已排序的组件上，我想使用 angular ngx-translation，如果当前语言发生更改，我想更改我的数据表的语言！

  ngOnInit() {

    this.translate.onLangChange.subscribe((event: LangChangeEvent) => {
      if (this.translate.currentLang === 'ar') {
        $('#sorting-table').DataTable({
          language: {
            url: 'cdn.datatables.net/plug-ins/1.10.20/i18n/Arabic.json'
          }
        });
      }
    })
}

我收到了这个错误：

DataTables 警告：table id=sorting-table - 无法重新初始化数据表。有关此错误的更多信息，请参阅 http://datatables.net/tn/3

【问题讨论】：

你探索过 jQuery 的替代品吗？
不，我可以在这个项目中使用它
您是否访问了错误中的网址？

标签： javascript jquery angular datatables translation

【解决方案1】：

url 应该是这样的：//cdn.datatables.net/plug-ins/1.10.20

并添加destroy:true

【讨论】：