Angular 2 ng2-bootstrap modal inside child component called from parent component
Your common child modal component will be as below import {Component,Input, ViewChild} from ‘@angular/core’; import { ModalDirective } from ‘ng2-bootstrap/ng2-bootstrap’; @Component({ selector: ‘common-modal’, template: ` <div bsModal #childModal=”bs-modal” class=”modal fade” tabindex=”-1″ role=”dialog” aria-labelledby=”mySmallModalLabel” aria-hidden=”true”> <div class=”modal-dialog modal-sm”> <div class=”modal-content”> <div class=”modal-header”> <h4 class=”modal-title pull-left”>{{title}}</h4> <button type=”button” class=”close pull-right” aria-label=”Close” (click)=”hideChildModal()”> <span aria-hidden=”true”>×</span> </button> </div> <div … Read more