title: How can I refresh a grid data source using angular Kendo UI
body: <p>I am combining Telerik Kendo grid with Angular using the Angular Kendo UI project. </p>
  
  <p>I have the following markup:</p>
  
  <pre><code>&lt;div kendo-grid="" k-options="thingsOptions" style="height: 600px;" /&gt;
  </code></pre>
  
  <p>and the following code in my controller:</p>
  
  <pre><code>    $scope.thingsOptions = {
          dataSource: {
              type: "json",
              transport: {
                  read: "/OM/om/getAssets",
                  dataType: "json"
              },
              schema: {
                  model: {
                      id: "ProductID",
  ...
  </code></pre>
  
  <p>This all works fine however I would like to force a data source refresh of my grid from my controller. something like</p>
  
  <pre><code> $scope.getTasks = function() {
      $scope.thingsOptions.dataSource.read();
  };
  </code></pre>
  
  <p>Is this possible to do from the controller? I could always do something like</p>
  
  <pre><code>$("#taskGrid").data("kendoGrid").dataSource.read();
  </code></pre>
  
  <p>In my controller. But it seems a bit wrong to have to select a HTML element from my controller. </p>