[SOUND] Okay,
and we're back in our Code Editor and I'm located in Lecture57 folder,
which is located in fullstack-course5 examples folder.
And here, let's take a look at our HTML template for the menu category.
So that's the thing,
if we go back to the browser, since my Browsersync has already started.
So that HTML template is responsible for this one tile.
Each one of these tiles is really this HTML right here.
So now we have all the categories listed, but
what we're still missing is the actual single category page where it lists
all the menu items for that particular category.
And the way we get to it is by clicking on this whole tile, or
clicking this whole tile, particular piece of it, using the anchor tag, the a tag.
And you can see it's right now just a # because we haven't really programmed it.
So what we're going to need to do is actually program it such that it goes to
a different state, that state that lists all the menu items for
one single category.
Now, in order to do that, we're going to have to pull out the data for
one single category.
Because so far, all we have is a list of categories with their names and
maybe descriptions, but we don't have the single category menu data yet.
Which means that before we even attempt to configure our next view state,
we should go ahead and go to our menu service that pulls the data for
us from the server and code up one more method that gets the menu items for
a particular category based on the short name of that particular category.
And just to verify what we're trying to search for, let's go ahead and
open a separate tab, and we'll find our server right here with menu items.
So this will give us all the menu items, all of them together.
However, what we really want is we want the question mark,
and I already have it here, for example, category=L, the short name L.
So right now, it became a little bit smaller list, and
you can see all the short names is L3, L5, so on.
If we do a different one, like FR, well,
you can see now we have all the menu items for this FR short name category.
So that's what we need to do.
We need to be able to pull out this data dynamically every time we go
to a particular category that lists all the items for that single category.
So let's go back to our code editor, and let's go into the common,
into the menuservice.js, and we're going to need to write one more method.
We'll call this method service.getMenuItems,
and it's going to be a function.