Kendo grid binding not working in angularjs
<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>