grid.appScope not working for ui grid angular js

Question

Wanted to access a function from my custom cellTemplate. For that, i am using grid.appScope. Following is the code :

$scope.test = function(){
    alert('a');
  };

columnDefs: [
      { field: 'name',      displayName: 'Name', cellTemplate: '<div ng-click="grid.appScope.test()">ABCDEFGH</div>' },
      { field: 'id',      displayName: 'ID' }
]

Can anyone tell me what is the issue with the above code ?

Where are you calling this function and it is still unclear. — Vineet
– Vineet, Commented Sep 23, 2015 at 13:08
Entire code is written in a controller. Function "test()" is called from the cellTemplate. — Rohan Kangale
– Rohan Kangale, Commented Sep 23, 2015 at 13:11

Surya Prakash Tumma · Accepted Answer · 2015-09-29 18:15:03Z

4

I have face the same problem and able to resolve it in my case we have made the grid as directive in that it is not able to recognize the test function. In order to do that just use $parent scope

like this

grid.appScope.$parent.test();

answered Sep 29, 2015 at 18:15

Surya Prakash Tumma

2,2234 gold badges29 silver badges50 bronze badges

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

1 Comment

Daniela Over a year ago

this answer has helped me understand how the scope works. I was trying to access a function in grid.appScope.$ctrl.function(). I recommend the browser extension AngularJS Batarang so you can visualize the model tree.

Collectives™ on Stack Overflow

grid.appScope not working for ui grid angular js

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related