title: How to call refresh() on a kendo-grid from an Angular controller?
body: <p>I'm attempting to follow several suggestions on refreshing a kendo-grid such as <a href="https://stackoverflow.com/questions/21695108/how-can-i-refresh-a-grid-data-source-using-angular-kendo-ui">this</a>.</p>
  
  <p>The essential is that in the html I have:</p>
  
  <pre><code>&lt;div kendo-grid="vm.webapiGrid" options="vm.mainGridOptions"&gt;
  </code></pre>
  
  <p>Then in the controller I have:</p>
  
  <pre><code>vm.webapiGrid.refresh();
  </code></pre>
  
  <p>Note: I'm using the ControllerAs syntax so I am using "vm" rather than $scope.</p>
  
  <p>My problem is that "vm.webapiGrid" is undefined.  This seems so straightforward, but I'm not sure why it is undefined.</p>