Recently a few customers have asked the same question:

We are using HTMLTreegrid with angularJS. We are expecting code snippet with angularJS.

In angularJS controller we are unable to call scope function which mentioned in previous mail.


At Angular contoller


$scope.saveStatus= function(rowData, column){

                var data='<div ><a href="javascript:void(0);" class="launchEditor" ng-click= "updateStatus('+rowData+')"><i class="fa fa-check"></i></a></div>';

         return data;






Answer is to get scope from the item being clicked.  

For example:



            return "<img src='resources/app/assets/next.png' class='custom-hover' onclick='itemClickEvent(this)' title='Go to Item Info'>";




itemClickEvent =function(item){

        var scope = angular.element(document.getElementById("MainWrap")).scope();


        scope.$apply(function () {

              var itemObj =;

              console.log("itmeObj "+ itmeObj);