Using Angular ngResource you can bind data from WebApi service and perform the CRUD operation with server-side interaction.
Initially, the WebApi service link has to be provided to $resource and then you can extend it to add the update method as follows.
You need to initialize Grid with an empty record and a waiting pop-up is displayed in the Grid “Create” event to indicate the waiting period of $resource to retrieve data from WebApi. Then in $resource promise event, the data from the server-side can be bound to Grid using Angular Scope Variable and hide the waiting pop-up.
During the CRUD operation in Grid, the corresponding $resource action method has to be called to interact with server-side, to update records using Grid events “endAdd”, “endEdit” and “endDelete”.
This page will automatically be redirected to the sign-in page in 10 seconds.