title: Kendo grid binding not working in angularjs
body: <p>I am trying to bind list which i am populating after receiving response from API. I can see the objects into the list but i still didn't understand why kendo grid is not binding datasource. i have code as below.</p>
  
  <pre><code>vm.getAccounts = function () {
          acctSearchService.searchAccounts(null, vm.AccountSearchModel)
              .then(getAccountsSuccess, getAccountsFailure);
      }
  
      vm.accountGridData = [];
      function getAccountsSuccess(response) {
          vm.accountGridData.push(response.model);
          return vm.accountGridData;
      }
  </code></pre>
  
  <p>i am getting result into <code>vm.accountGridData</code> after receiving response from API call and i am trying to bind that to datasource of kendo grid as below.</p>
  
  <pre><code>$("#grid").kendoGrid({
          dataSource: { data: vm.accountGridData },
          height: 550,
          filterable: true,
          sortable: true,
          pageable: true,
          columns: vm.mainGridColumns
      });
  </code></pre>
  
  <p>Do i need to do anything else to get the data ?</p>
  
  <p><a href="https://i.stack.imgur.com/yJHj2.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/yJHj2.jpg" alt="screen while denuging"></a></p>