BootStrap/AngularJS框架中带有DataTable插件的动态按钮

我刚刚进入安格拉斯的世界并热爱它。除此之外，我还在使用购买的引导设计包。该软件包中包含利用datatables.net插件的表格布局。我有一个Angular控制器，它通过RESTful API正确地检索表中的内容，但在每一行上我都希望有一个按钮可以编辑，这会弹出一个模式。弹出窗口不是问题所在

当我想为每一行渲染按钮时，我的挑战就来了。根据DataTable引用，有一个名为mRender的参数，用于具有自定义字符串的给定行的数据。有趣的是，我希望按钮可以点击。由于角度是在DOM渲染之前初始化的，所以这不太好

在进行研究时，我发现$compile方法提供了相当多的函数，用于以Angular方式呈现具有已注册事件的DOM元素。问题是，DataTableAPI不需要DOM元素，而是需要HTML。我尝试了一个小jQuery工具将其转换回.html，这对于在页面上获取按钮非常有效，但是单击事件没有注册

我真的不想把任何事情搞砸。我希望这是一个适当的设计。也就是说，我正在寻找关于如何在Angular中注册button click事件的建议，但要利用DataTable.net函数

下面是我在角度控制器中对数据表的初始化

myDataTable=$'datatable4'。dataTable{ 分页：true，//表分页 排序：true，//列排序 信息：true，//左下角状态文本 阿贾克斯：{ url:'http://++++/MemberService.svc/GetMemberList/'， 数据中心： }, AO列：[ {mData:'MemberID'}， {mData:'Email'}， {mData:'FirstName'}， {mData:'LastName'}， {mData:'InsertDate'}， { mData:'MemberID'， //分类：['asc，desc']， b可搜索：错误， 可移植：错误， 可见：是的， mRender：功能d、t、f{ 变量s= + + + + + + + ; 返回s； } }, ] };

---

你看过吗？有了这个，我定义了一个类似编辑的按钮列，在网上有许多用于angular的table/grid插件模块。它们中的大多数都支持引导样式，有些是纯Angular编写的，没有jquery插件，因此您不需要继续使用当前的实现。看起来您购买的模板使用的是旧版本的DataTables。如果不切换到其他插件，我建议至少切换到升级。Angular datatables.net看起来不错，但另一个选项是trNgGrid——我发现它最容易使用。