How to create Bootstrap modal dialog in Angular

To create a Bootstrap modal dialog in Angular, you can use the NgbModal service from the @ng-bootstrap/ng-bootstrap package.

Here is an example of how you can use the NgbModal service to open a modal dialog in an Angular application:

import { Component } from '@angular/core';
import { NgbModal } from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'my-app',
  template: `
    <button type="button" class="btn btn-primary" (click)="open()">Open modal</button>
  `
})
export class AppComponent {
  constructor(private modalService: NgbModal) {}

  open() {
    this.modalService.open(MyModalComponent);
  }
}

In the above example, the open() method of the NgbModal service is used to open a modal dialog containing the MyModalComponent component.

For more information, you can see the documentation for the NgbModal service on the ng-bootstrap website.