Question

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

Plunker link

感谢您的建议

Answer 1

有人在Github上为此问题打开了一个问题＆＃34;。可能是作者本人：

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

Wesley Cho回答了一名工作人员：

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

关键是DataTables中的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)
    );
  }

Angular UI（Bootstrap） - 动态下拉列表在DataTables中不起作用

1 个答案: