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