ng-show не работает в столбцах datatables

Question

Я создаю таблицу с угловым использованием данных. Я использую значение из области действия, и я сравниваю это значение с полученными данными.

"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

Очевидно, что угловой не знает HTML, введенный dataTables. В этом случае я использую $compile отображаемое содержимое в drawCallback:

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

где #tableId является id вашей таблицы. Но в целом это немного перепутано, имхо. Когда мне нужны конкретные угловые директивы, прикрепленные к строкам или столбцам dataTables, я делаю угловой способ с datatable="ng". Медленнее, но более чистым и удобным.