如何在angular中拨打Rest API

Question

The Rest API consumes JSON input as below and produces JSON response.

    {
       "addressObject":{
       "streetAddressLine": "abc",
       "city": "xyz" ,
       "state": "ghi" ,
       "zip" : "123"
       }
    }

I have a angular project with below code in app.component.html:

    <input type="text" name="streetAddressLine">
    <input type="text" name="city">
    <input type="text" name="state">
    <input type="text" name="zip">
    <input type="submit" value="Execute">

After filling above details whenever i click on 'Execute', my angular application should make a call to Rest API and pass above data as JSON input to the Rest API. How to implement this?

I am new to Angular.

Answer 1

Go through this Tutorial, it teaches CRUD operations in Angular. Angular CRUD . It is beginner friendly too.