Dialog Component — Angular (5) | Module

Thiago Bernardes
Dialog Component Angular (5)
1 min readJan 21, 2018

--

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.

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 >>

--

--

Thiago Bernardes
Dialog Component Angular (5)

Focused on Human-Centered Design & working collaboratively with different areas, I combine the IT background with UX experience to create innovative solutions