Dynamically change kendo ui grid columns with AngularJS

The following HTML / JavaScript explains how to dynamically change Kendo UI grid columns, by using the Kendo – Angular directives.   <!doctype html> <html ng-app="researchApp"> <head> <meta charset="utf-8"> <title>Dynamically change Kendo grid columns.</title> <link href="/Client/Libraries/Kendo/css/kendo.common.min.css" rel="stylesheet" type="text/css" /> <link href="/Client/Libraries/Kendo/css/kendo.silver.min.css" rel="stylesheet" type="text/css" /> <script src="/Client/Libraries/Kendo/js/jquery.min.js"></script> <script src="/Client/Libraries/Angular/angular.js"></script> <script src="/Client/Libraries/Angular/angular-route.js"></script> …