How to Use Angular httpResource API in Kendo UI Grid

In this article, we will learn to use the Angular httpResource API with the Progress Kendo UI for Angular Grid component. We will fetch data from the API using the new Angular feature httpResource and then display the data in the Kendo UI for Angular Grid.

This article assumes that you have already created an Angular version 20 application.

For this article, we will use the API endpoint that returns a list of Products as shown in the image below.

To represent this response type, let’s define an interface in the Angular application.

We will use the Angular 20 httpResource API to fetch data from the API. The httpResource extends the Resource API by using the HttpClient under the hood, providing a seamless way to make HTTP requests while supporting interceptors and existing testing tools.

• httpResource is built on top of the resource primitive.
• It uses HttpClient as its loader.
• It serves as an abstraction for @angular/common/http.
• It makes HTTP requests through Angular’s HTTP stack.
• It works with interceptors.

You can read more about the httpResource API in detail here: Getting Started with the httpResource API in Angular.

In the application, you can fetch data using the httpResource API as shown below:

Read full article here –

https://www.telerik.com/blogs/how-use-angular-httpresource-api-kendo-ui-grid

Thanks for reading it.