angularjs - 将元素添加到数据表

Question

我正在使用角度数据表，想知道如何将按钮、文本输入等各种元素添加到已经渲染和设置的数据表中。我认为可以通过新的角度指令和链接功能来实现，例如：

link = (scope, element, attrs) =>
        $('#table_wrapper div.top').append(some nice custom element)

该指令发生在父 div 中：

<div my-custom-directive>
                    <table id="table" datatable="ng" ... etc

问题是当我尝试向它们添加新的自定义元素时，诸如“table_wrapper”之类的数据表构建元素还没有准备好。

Answer 1

我认为处理该问题的一种方法是：

angular-datatables 有一个名为dt-instance的指令：

<table id="table" datatable="ng" dt-instance="yourCallback",

其中回调是一个函数，其中除其他有用的功能外，您还可以在范围内设置控制标志，因此在我的控制器中我有：

yourCallback: (dtInstance) =>
    $scope.flag= 1

接下来在 my-custom-directive 中查看此标志：

link = (scope, element, attrs) =>
    scope.$watch('flag', (newval, oldval) =>
            if (newval)
                 $('#table_wrapper div.top').append(some nice custom element)