<\/span><\/h3>\n\nTo map JSON values to objects in Angular, we can make use of the `map()` function available on the `HttpClient` module. This function allows us to transform the JSON response into the desired object format. Let’s see an example:<\/p>\n
“`typescript
\nimport { HttpClient } from ‘@angular\/common\/http’;<\/p>\n
\/\/ …<\/p>\n
constructor(private http: HttpClient) { }<\/p>\n
getObjectData(): Observable {
\n return this.http.get(‘https:\/\/api.example.com\/data’)
\n .pipe(
\n map(response => {
\n \/\/ Create a new instance of the ObjectModel class and assign the JSON values to it.
\n let obj = new ObjectModel();
\n obj.property1 = response.property1;
\n obj.property2 = response.property2;
\n \/\/ …
\n return obj;
\n })
\n );
\n}
\n“`<\/p>\nIn this example, we use the `HttpClient` module to make an HTTP GET request to retrieve the JSON data. We then utilize the `map()` function to transform the JSON response into an instance of the `ObjectModel` class. By assigning the JSON values to the properties of the object, we create a mapped object ready for further use.<\/p>\n