Child modal

[huangyedie]

Before opening an issue, please search for duplicates (opened and closed) https://github.com/valor-software/ngx-bootstrap/issues There's no need to open an issue here if you want to ask general question, use StackOverflow or Slack instead

Bug description:

import { ModalDirective } from 'ngx-bootstrap/modal';

@ViewChild('childModal', { static: false }) public childModal?: ModalDirective;

console.log(this.childModal) == undefined



Plunker/StackBlitz that reproduces the issue:

Using Plunkr, StackBlitz is the best way to show your issue. Issues without link to an example of reproduction might be closed.

You can use one of starter templates:

Plunkr: https://plnkr.co/edit/0NipkZrnckZZROAcnjzB?p=preview

StackBlitz: https://stackblitz.com/edit/ngx-bootstrap?file=app%2Fapp.module.ts

Versions of ngx-bootstrap, Angular, and Bootstrap:

ngx-bootstrap:9.0

Angular:15

Bootstrap:

Build system: Angular CLI, System.js, webpack, starter seed:

Expected behavior

A clear and concise description of what you expected to happen.

Successfully ejected


[huangyedie]

A parent component cannot contain two identical names
Pop up 1:
@ViewChild('modal1', { static: false }) modal1?: ModalDirective;
Pop up 2:
@ViewChild('modal2', { static: false }) modal2?: ModalDirective;
Pop up 1 HTML:
bsModal #modal1="bs-modal"
Pop up 2html:
bsModal #modal2="bs-modal"
I set both ViewChildren to Modal, which resulted in a ModalDirection being undefined