And I don't see the call to our restaurant service so let's try to reload this,
hard reload it, and let's see if we could find it now.
We're looking for categories.json and there it is.
And let's take a look as to what it's giving us.
You could see it's giving us, each one in the array is giving us id,
short_name, the name, let's see, the name, special_instructions, and this url.
Okay, so now we know, basically,
how we can interpolate it in our menu-category component.
And the first thing we need to do is change this source to the right source,
because right now it's just pointing to the A image the whole time.
First of all, remember, an image source might get loaded before Angular's ready
for it, so we'll change this to ng-source.
We'll say slash and interpolate it with $ctrl,
that's our default control label,
.category, that something's being passed into us as an attribute.
And then short_name, and really, we need to, unfortunately,
do this one more time right here for the name of the actual image.
And unfortunately this whole folder structure is really left over from
the fact that we used to have, besides for
the actual A.jpg or something like that for the category picture,
we used to have all the pictures for all the items here as well.
We no longer have that because they're now sitting in the restaurant server and
being served dynamically, because now we can update those pictures.
And the truth is, what we really should do is take out every single one of those
pictures and put it straight inside the menu folder inside the images,
instead of having that separate.
But we'll fix that later.
We'll just leave that alone for now.
Okay, so let's save that.
Let's go back to the browser.
Okay, so yes, and now we're pulling different pictures for
every single category.
So let's go back and edit the alt here.
The alt should be same thing or at least the beginning of the same thing.
And we'll close that and
put here name instead of the short name and the same thing for
the actual span that is going to say, that one's going to say name.
So we save that, go back to the browser.
Okay, so yes, now you could see that every single category
has its own picture that is appropriate for it and
has its own name that we're pulling out from the categories array.
And that's it. So the Menu Categories, or the Menu View,
is pretty much done.
So now, if we go back to our front page and we click on the Menu,
it will show us all of the categories in our Menu.