1

angular-datatables を使用していますが、ボタン、テキスト入力などのさまざまな要素を既にレンダリングしてデータテーブルに設定する方法を知りたいと思っています。新しい angular ディレクティブとリンク機能を介して可能になると思います。たとえば、次のようになります。

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」などのデータテーブル構築要素と、新しいカスタム要素を追加しようとしたときにまだ準備が整っていないことです。

4

1 に答える 1

0

その問題を処理するための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)
于 2015-09-04T15:06:37.010 に答える