@imob-phoenix/modal
v2.1.38
Published
Lib para utilização de modal dinâmica padrão para as aplicações iMob.
Readme
ImobModal
This library was generated with Angular CLI version 17.3.0.
Lib para utilização de modais dinâmicas em qualquer aplicação iMob.
Instalação:
1. Instale o pacote pelo NPMJS na aplicação:
2. Importe o módulo da lib:
No app.module.ts da aplicação, insira o módulo ModalModule nos imports:
3. Utilização do componente:
- No componente da aplicação onde deseja utilizar a modal dinâmica, declare uma propriedade privada com o decorator @ViewChild para injetar uma instância do
ModalComponentpermitindo interagir com o componente da modal dinâmica diretamente a partir do componente pai (ParentComponent, por exemplo):
- No template do componente pai, utilize o seletor do componente da modal dinâmica da lib para utilização do comportamento da modal, incluindo também o identificador criado no componente (
modal) para identificar a referência para o componente da modal dinâmica:
- Insira como child (dentro das tags do seletor), o conteúdo que deseja renderizar na modal. Sendo HTML nativo ou um outro seletor de um component filho, como no exemplo:
- Caso necessário, utilize os bindings de Input para setar tamanho e posicionamento da modal:
Tamanho: Propriedade: size Opções: [small, medium, large] Opções: [left, center, right] - Enum Size criado e exportado na lib.
Posicionamento: Propriedade: position Opções: [left, center, right] - Enum Position criado e exportado na lib.
