compose.component.ts

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

@Component({
    selector: 'app-compose',
    templateUrl: './compose.component.html',
    styleUrls: ['./compose.component.css']
})
export class ComposeComponent implements OnInit {

    content: NgbModal = Object.create(null);

    constructor(public modal: NgbModal) {


    }

    ngOnInit(): void {

        this.openModal(this.content);
    }

    openModal(content: NgbModal) {

        this.modal.open(content, { size: 'lg' });
    }

    closeModal() {
        this.modal.dismissAll();
    }

}