Angular Component To Display Custom Content LC Modal

The LcModal component is an Angular component for displaying custom content in a format.

angular 8 modal popup example, modal popup in angular 8, angular open modal from component, open modal on button click angular, angular 7 modal popup example

Description

The LcModal component is an Angular component for displaying custom content in a form
Show any angular component in my shape
Supports multimedia and multimedia within the media
He has a maximization/restoration
It can be resized and dragged
Compatible with Angular 2+ up to Angular v8.0.0
The only dependency is Font Awesome

Tested with

Firefox (newer)
Chrome (latest)
Chromium (latest)
edge
IE11

2kb Window Modal Component In jQuery | simpleModal

How to make use of it:

Install:

npm install @libusoftcicom/lc-modal

1. Register a ModalModule in a NgModule with components that open as:

import { ModalModule } from '@libusoftcicom/lc-modal';
  import { ModalComponentExample } from '...'; // component used in modal

  @NgModule(
    {
      declarations: [..., ModalComponentExample],
      imports: [
        ModalModule,
        ...
      ],
      providers: [...],
      bootstrap: [...]
      })
  export class AppModule {}

2. Adding a modal anchor component:

<dialog-anchor></dialog-anchor>

3. Modal unlock:

let modalResult = await this.modal
      .title('Example modal')
      .component(ModalComponentExample)
      .setHeight(370)
      .setWidth(700)
      .draggable(true)
      .showMaximize(true)
      .open();

Custmo Modal For Angular, LC Modal Plugin/Github, how to open modal popup on button click in angular