Angular function not triggered by html rendered by datatable?

Question

{
                        sTitle: "ANSWER_CORRECT",
                        mData:"ANSWER_CORRECT",
                        sClass: "readonly",
                        mRender: function(data, type, obj) {                             
                            return_string="<button type='button' ng-click='updateCA()'>Confirm</button>";
                            return return_string;
                        }

 },

myc.controller('AdminController',['$scope','$route',function($scope,$route){
      $scope.updateCA=function(){
               console.log("pop");
       }   

            $(document).ready(function() { 
                ini_table(); //everything above is in this function.

            });
    }

I am using datatable to render buttons which can supposedly trigger the function updateCA. Unfortunately, nothing happens when I click the buttons. No error or warning messages. I think it could be caused by different scoping between using JQuery and Angular. So, I've tried using $scope.$apply(function(){ init_table() }); No luck.

William Ballesteros · Accepted Answer · 2016-01-20 12:34:49Z

1

Try this

return_string="<button type='button' onClick='updateCA(); return false;'>Confirm</button>";

External function

function updateCA() {
    var scope = undefined;
    //Controller in body element 
    //<body ng-controller="yourController" id="body"> id is important
    scope = angular.element(document.getElementById("body")).scope();
    scope.$apply(function () {
        scope.updateCA();
    });
}

Angular Controller

$scope.updateCA = function() {
        //logic here
    };

edited Jan 20, 2016 at 12:34

answered Jan 19, 2016 at 22:12

William Ballesteros

1,0119 silver badges10 bronze badges

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

Collectives™ on Stack Overflow

Angular function not triggered by html rendered by datatable?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related