how to call function using angularjs ng-click on template that has render from controller of grails

Question

how to call function using angularjs ng-click on template that has render from controller of grails. i have try this. but jquery function calling works well.. but ng-click() function not working..what wrong with me.i am battling with this.

My controller function:

 $scope.editTasks = function(){
            console.log("uu");
        }

my template has rendered code inside of table:

<button class="table-icon editIcon" ng-click="editTasks()" /> 

Answer 1

You have to define a controller and wrap your button inside it:

HTML:

<div ng-controller="theCtrl">
    <button class="table-icon editIcon" ng-click="editTasks()" /> 
</div>

JS:

app.controller('theCtrl', function($scope) {
    $scope.editTasks = function(){
         console.log("uu");
    }
});