angularjs - Angular 数据表嵌套行渲染

Question

有没有更好的方法在 Angular 数据表中显示嵌套表？
我通过使用 rowCallback 并设置点击事件解决了我的问题:

$scope.dtOptions = DTOptionsBuilder.fromSource('data.json')
    .withOption('rowCallback', rowCallback)

在单击处理程序中，我获取 dt-instance 并使用数据表实例中的行数据构建 html。

function rowCallback(tabRow, data, dataIndex) {
    $(tabRow).unbind('click');
    $(tabRow).on('click', function () {
        console.log('click');
        $(this).find('.a1-icon').toggleClass('fa-rotate-180');
        var tr = $(tabRow);
        var table = $scope.dtInstance.DataTable;
        var row = table.row(tr);

        if ( row.child.isShown() ) {
            // This row is already open - close it
            row.child.hide();
            tr.removeClass('shown');
        }
        else {
            // Open this row
            row.child( format(row.data()) ).show();
            tr.addClass('shown');
        }
    });
}

但感觉有点奇怪，尤其是对于 angular。这是带有完整简化代码的Plunker http://plnkr.co/edit/gVf926obJKTXvXU7fLdA?p=preview

Answer 1

 $(tabRow).on('click', function () {})

//instead of this "on" event Use "load"

 $(tabRow).load('click', function () {})