Angular Datatable ng-click not working

Question

got a problem with ng-click on angular datatables. I'm using https://l-lin.github.io/angular-datatables

Here is my code

    $scope.dtOptions = DTOptionsBuilder.fromFnPromise(function(){
        return $resource(APIROOT + 'categories').query().$promise;
    })
        .withOption('order', [0, "asc"]);

    $scope.dtColumns = [
        DTColumnBuilder.newColumn('id', 'ID').withOption('searchable', false),
        DTColumnBuilder.newColumn('name', 'Name'),
        DTColumnBuilder.newColumn('', 'Actions').renderWith(function (data, type, full, meta) {
            return '<a class="btn btn-default btn-xs" href="#/edit/' + full.id + '"><i class="fa fa-pencil"></i></a> ' +
                '<button class="btn btn-danger btn-xs" ng-click="deleteItem(' + full.id + ')"><i class="fa fa-trash"></i></button>';

        })

    ];

    $scope.deleteItem = function (id) {
        alert('delete')
    }

delete button is not working.

Is there anything wrong with the code?

check js example - l-lin.github.io/angular-datatables/#/bindAngularDirective — YOU
– YOU, Commented Oct 3, 2015 at 10:30
@YOU Thanks. I missed this option .withOption('createdRow', function(row, data, dataIndex) { // Recompiling so we can bind Angular directive to the DT $compile(angular.element(row).contents())($scope); }) — ssuhat
– ssuhat, Commented Oct 3, 2015 at 10:38

user3599117 · Accepted Answer · 2016-10-12 14:25:16Z

3

 $scope.dtOptions = DTOptionsBuilder.fromFnPromise(function(){
        return $resource(APIROOT + 'categories').query().$promise;
    })
.withOption('createdRow', createdRow)
        .withOption('order', [0, "asc"]);
function createdRow(row, data, dataIndex) {
        // Recompiling so we can bind Angular directive to the DT
        $compile(angular.element(row).contents())($scope);
console.log("test");
    }
//now ur deleteItem function is complied and it'll work.
 $scope.deleteItem = function (id) {
        alert('delete')
    }

answered Oct 12, 2016 at 14:25

user3599117

312 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

buczek Over a year ago

In addition to your code, can you please explain what you did and why it works.

Collectives™ on Stack Overflow

Angular Datatable ng-click not working

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related