Recipe - Food - Nutrition

FREEMIUM
Verified
By David | Updated vor 15 Tagen | Food
Popularity

9.9 / 10

Latency

487ms

Service Level

100%

Health Check

N/A

Back to All Discussions

autocomplete recipe search

Rapid account: Deesmateen
deesmateen
vor 7 Jahren

I have a simple question. I am building an app in Angular 2, I am a bit green and I am not sure how to get this implemented with the structure of the GET request on the autocomplete recipe search, how can I use an input to type a food, like chicken, and have that GET the recipes for it? I have it working on the page load and it populates the data when I put the url in with the query that already has chicken in it from the example, but I would like to have that happen on the submit button click with the food they have typed in the input.

Rapid account: Spoonacular
spoonacular Commented vor 7 Jahren

Hi,

I’m not really sure whether I understand your questions completely but I give it a shot.

So you want to search for recipes with the text that the user has typed in the input?

<input id=“query” value=“chicken”>

You would grab that input, e.g. with jquery $(’#query’).val() and take add that to the search query after the query parameter when the user presses enter. You than capture the response and show the recipes.

Not sure whether I hit your use case, maybe another user can jump in to help?

Best,
David

Join in the discussion - add comment below:

Login / Signup to post new comments