Datatables Içinden Angularjs Fonksiyonu Çağırmak

Datatables ve Angularjs ile birlikte çalışırken çok ama çok önemli bir olaydır…

Nasıl olur ?

Öncelikle link ;

https://stackoverflow.com/questions/41641601/angular-ng-click-not-working-in-datatables-table-row

1) Controller’a $compile adında bir değişkeni inject ediyoruz. 2) Datatable içinde fonksiyonlu butonu render ederken ;

'columns': [
    {
        'data': 'id',
        'visible': false
    },
    {
        render: function (data, type, row) {
            return '<button ng-click=\"open_map_modal(' + row.id + ')\" class="btn btn-primary footable-edit"><span class="fas fa-map-marker-alt" aria-hidden="true"></span></button>'
        },
        "className": "text-center",
    }
],
createdRow: function(row, data, dataIndex) {
    $compile(angular.element(row).contents())($scope);
}

Şeklinde createdRow fonksiyonu kesinlikle olacak şekilde render ediyoruz.

Fonksiyonda bir değişikliğe gerek yok. Ve bitti, fonksiyon servise hazır. Herkese şıkır şıkır two way data bindingler dilerim.