how to post with InMemoryWebApi for Angular?

Question

I have mock data to which I want to add values. In particular there is a users object and each user has a rating property which is an array of numbers from 1 to 5. I would like to add further values to this array. I tried it like this:

this.http.post(`api/users?id=${userId}/rating`, rate, this.cudOptions)

but no value is added to the array.

This is the users object:

export var users = [
    {
        "id": 0,
        "firstName": "Stanford",
        "lastName": "Reilly",
        "username": "StanfRei",
        "password": "StanfRei",
        "email": "[email protected]",
        "cars": [...],
        "recentCars": [...],
        "observedCars": [...],
        "rating": [
            3,
            5,
            3,
            2,
            1,
            3,
            5,
            5,
            5,
            2,
            5,
            1
        ]
    },
    {...}
]

I have no problem recovering data with get.
I have no errors.
I have not found anything that helps neither in the official documentation nor on the internet.
How do you post to insert a new value in the rating array of the user? Thanks

DevGo · Accepted Answer · 2021-06-20 04:10:14Z

0

There is no code for other dependencies like InMemDataService. So its hard to assume your source. May be you can use put instead of post to update.

this.http.put(`api/users?id=${userId}/rating`, rate, this.cudOptions)

If it doesn't works try following, You have to use the whole user object as request body, instead of rate alone.

With same user Id, send complete user object with updated rate array, it should works.

let user = {
    "id": 0,
    "firstName": "Stanford",
    "lastName": "Reilly",
    "username": "StanfRei",
    "password": "StanfRei",
    "email": "[email protected]",
    "cars": [...],
    "recentCars": [...],
    "observedCars": [...],
    "rating": [
        3,
        5
    ]
}

this.http.put(`api/users/${user.id}`, user)

answered Jun 20, 2021 at 4:10

DevGo

1,0981 gold badge16 silver badges45 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

how to post with InMemoryWebApi for Angular?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related