How to use code to open a modal in Angular 2?

Question

Usually we use data-target=\"#myModal\" in the to open a modal. Right now I need use codes to control when to open the modal.

<

Answer 1

@ng-bootstrap/ng-bootstrap npm I m using for this as in the project bootstrap is used, for material, we used dialog

HTML Code

  Open Abc Modal
 

Modal template

   
List of Countries
     
         
      
  
  

       

           

               

                 
                 

                   
{{cntry.name}}
                 
                 No country found
                 
                     
                 
               
             
       
 

Ts File

import {NgbModal, ModalDismissReasons} from '@ng-bootstrap/ng-bootstrap';

constructor(
    private modalService: NgbModal
  ) { }

  openModal(modalContent){
     this.modalService.open(modalContent, { centered: true});
   }