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) 
    ); 
    }