ng-showがdatatablesカラムで動作しない

Question

私は、datatablesを使用して角でテーブルを作成しています。スコープの値を使用しました。この値と受信したデータを比較します。

"columns": [{ data: null, render: function (data, type, row) { 
var roleid =angular.element('#TextkeysController').scope().currentRole; 
return '<p ng-show="'+data.id+' == '+roleid+'" class="btn btn-success btn-xs disabled" value="connected" >connected</p><p ng-show="'+data.id+' != '+roleid+'" class="btn btn-danger btn-xs" value="notConnected" ng-click="connectRole(\''+data.id+'\',\''+data.name+'\')">Not connected</p>'; 
}, name: 'connect', "className":"center"}] 

データをロードすると、両方のボタンが行に表示され、条件はクリック操作をクリックしたときにのみ適用されます。

なぜこのようなことが起こるのか誰かが私に助けてくれますか？

Answer 1

明らかに、angleは、dataTablesによって挿入されたHTMLを認識しません。 #tableIdは、あなたのテーブルのidある

withOption('drawCallback', function() { 
    $scope.$apply($compile(angular.element('#tableId'))($scope)) 
} 

：この例では、私は$compileにdrawCallbackでレンダリングされたコンテンツを使用します。しかし、一般的にこれはちょっと混乱しています。 dataTablesの行または列にアタッチされた特定の角度指示文が必要なときは、角度方向にdatatable="ng"を描画します。ゆっくりだが、より清潔で維持しやすい。