DataTables加载数据，但是按钮和排序在Angular 4中不能正常工作

在Angular 4中，DataTables加载数据后，按钮和排序可能无法正常工作的原因是由于Angular的变化检测机制导致的。Angular使用了自己的变化检测机制来跟踪组件和模板之间的数据变化，以便及时更新视图。

要解决这个问题，可以尝试以下几种方法：

1. 手动触发变化检测：在数据加载完成后，可以使用ChangeDetectorRef服务手动触发变化检测。首先在组件的构造函数中注入ChangeDetectorRef，然后在数据加载完成后调用detectChanges()方法。这样可以强制Angular检测到数据的变化并更新视图。
2. 使用ngZone：ngZone是Angular提供的一个服务，用于管理和执行JavaScript代码的运行环境。可以将数据加载的代码放在ngZone.run()方法中，这样可以确保代码在Angular的变化检测机制下执行，从而解决按钮和排序无法正常工作的问题。
3. 使用setTimeout()延迟执行：在数据加载完成后，可以使用setTimeout()函数将按钮和排序的初始化代码延迟执行。这样可以让Angular先完成变化检测，然后再执行按钮和排序的初始化代码，确保它们能够正常工作。

以上是解决按钮和排序无法正常工作的一些常见方法，具体使用哪种方法取决于你的具体情况和需求。另外，DataTables是一个功能强大的表格插件，可以实现数据的排序、搜索、分页等功能。在Angular中，你可以使用ngx-datatable等类似的插件来实现类似的功能。

推荐的腾讯云相关产品：腾讯云云服务器（CVM）和腾讯云数据库（TencentDB）。腾讯云云服务器提供了可靠的计算能力，可以满足各种规模的应用需求。腾讯云数据库提供了高性能、可扩展的数据库服务，支持多种数据库引擎，适用于各种应用场景。

腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm 腾讯云数据库产品介绍链接地址：https://cloud.tencent.com/product/tencentdb