Dialog Component — Angular (5) | Module

Ok! On the previous article we have finished our Dialogo Component, however we need to put it all together to make it available to the project.

The Module is responsible to stitch up all together, so you will need only to import the module, and it's imports everything else. So let's build the Module.

Get Thiago Bernardes’s stories in your inbox

Join Medium for free to get updates from this writer.

Remember me for faster sign in

Dialog Module

The project file's struct will look like this:

.. src
.. .. app
.. .. .. components
.. .. .. .. backdrop
.. .. .. .. .. backdrop.component.scss
.. .. .. .. .. backdrop.component.ts
.. .. .. .. dialog
.. .. .. .. .. dialog.component.html
.. .. .. .. .. dialog.component.scss
.. .. .. .. .. dialog.component.ts
.. .. .. .. models
.. .. .. .. .. dialog-active.model.ts
.. .. .. .. .. dialog-content-ref.model.ts
.. .. .. .. .. dialog-options.model.ts
.. .. .. .. .. dialog-ref.model.ts
.. .. .. .. .. index.ts
.. .. .. .. services
.. .. .. .. .. dialog.service.ts
.. .. .. .. dialog.module.ts
.. .. .. app.component.html
.. .. .. app.component.scss
.. .. .. app.component.ts
.. .. .. app.module.ts
.. .. .. core.module.ts

On the next article, we will import the Dialog Module and make it available in the whole project.

<< Previous = MENU = Next >>