hideColumn() is not a function - AngularJS + TypeScript

[Michael]

I have  a grid where I want to be able to hide some columns on first page load, a default view.  I have seen all the examples on the samples site and they are all in jquery. We are using AngularJS in TypeScript. In the attached zip file you will see a simplified version of the grid where I'm just attempting to follow the examples on your site and I keep getting the 'hideColumns()' is not a function.

 Thanks for any input on this issue!

 Mike

[Nikolay Rusev]

Hello Michael,

 

The issue in your application is not related to Kendo UI. If you debug the `hideColumnClick` handler you will notice that `GridController hideColumns` method is not properly accessed and not executed at all.

 

Here is how you could change in order to execute properly:

 

`this.$scope.hideColumnClick = (event) => this.hideColumns();`. Now when the user click on the button second column in the grid will hide.

 

 

Regards,
Nikolay Rusev
Telerik

 

 

[Michael]

Ok, so that pointed me in the right direction but wasn't quite the solution. We have a large SPA that has multiple controllers and this got all confused. I'm attaching the sample project that will actually hide columns.

 Hopefully it will help someone!