Angular UI（Bootstrap） - 动态下拉式不能在DataTable中工作

Question

我想在我的DataTables的单元格中使用Angular-UI（引导程序）下拉按钮。使用页面上的下拉按钮时没有问题，但对于DataTables，它应该通过Javascript传递。

Plunker link

谢谢你的建议

Answer 1

有人在Github上开设了一个问题，这个 “问题”。也许是笔者自己：

https://github.com/angular-ui/bootstrap/issues/4111

韦斯利卓回敬一个工作plunkr：

http://plnkr.co/edit/dAPQKNSdgWQDv5PnEQYa?p=preview

关键的一点是，在数据表中不支持HTML代码进行编译。所以你必须在$ rowCallback中使用$ compile：

rowCallback: function(row, data) { 
    $(row).find('.button-wrapper').append(
     $compile('<div class="btn-group" dropdown><button id="split-button" type="button" class="btn btn-danger">Action</button><button type="button" class="btn btn-danger" dropdown-toggle><span class="caret"></span></button><ul class="dropdown-menu" role="menu" aria-labelledby="split-button"><li role="menuitem"><a href="#">Action</a></li></ul></div>')($scope) 
    ); 
    }