All language subtitles for 8. Modules Exercise Solution

All right.

Hopefully you had some success in going through this exercise.

Let's go over a quick solution right now that no one is to create a new component inside the collection's

module.

We're going to create this component by using the energy command line tool.

I'm gonna go over to my command line.

I'm inside of a new terminal window inside of my project directory and set up here.

I will run energy generate component and then I will write out the name of the module that I want to

create this in which is collections.

Then I'll write out the name of the component.

We're going to call this thing elections home though collections.

Like so I'll zoom out just you can see that entire command on one line once again it's all one that

looks good.

I'll now go back over to my editor and the next thing we're going to do is make sure that we export

that component from the collections module back inside my editor.

I'll find the collections directory inside there I'm going to find the collections module and then then

at the very top I'm going to make sure that I have the import statement for the component.

Yep I do.

But then inside of the decorator I'll add on exports is in array and inside that array a list out collections.

Component

now at this point in time if we kind of consider what we've done in diagram format we're kind of like

in this scenario right here we've got something inside the collections module of the elections components

and we have now exported it.

So it is available for use outside of our module.

Now the last thing I have to do is make sure that we import this thing into our module over here that's

step number three.

We're going to make sure that we import the collections module into the at module we'll go and find

my out module file.

Here it is right here and inside of my apt module I will add in an import statement for the collections

module from the collections folder and inside there I'll find a collections not module file

and then finally I'm going to add the collections module to our list of imports at the very end of that

list.

I'll add on collections module like so

right now.

Step number four we're gonna make sure that we show that component that we've now imported inside of

our app component.

I'm going to find my app component template file years app component.

HDL and then at the very top I will add an app elections on

it.

Let's say this look back over to our browser and make sure we can see that content on the screen now

my scenario I've got a little error right here.

Everything is working just fine.

It's because my underwear is a little bit unhappy so going to restart my development server once my

development server is back up.

Here we go.

And I've got elements home and collection some very good.

All right.

So now that we've got this put together quick pause right here and we'll continue in just a moment.