Css 引导模式对话框使用角度7中的最大化/最小化图标调整大小

Css 引导模式对话框使用角度7中的最大化/最小化图标调整大小,css,bootstrap-4,bootstrap-modal,angular7,Css,Bootstrap 4,Bootstrap Modal,Angular7,我正在使用引导模型对话框弹出窗口在Angular 7应用程序中显示我的内容。在多个地方使用它,我根据加载的内容更改弹出窗口的宽度和高度 现在我需要将最小化/最大化图标添加到弹出窗口中。用户可以通过单击最小/最大图标来调整弹出窗口的大小。是否有任何属性可以调整弹出窗口的宽度和高度 this.showModelPopup.open().then((result) => { }, (reason) => { }); 在Html中 <div class="modal-d

我正在使用引导模型对话框弹出窗口在Angular 7应用程序中显示我的内容。在多个地方使用它,我根据加载的内容更改弹出窗口的宽度和高度

现在我需要将最小化/最大化图标添加到弹出窗口中。用户可以通过单击最小/最大图标来调整弹出窗口的大小。是否有任何属性可以调整弹出窗口的宽度和高度

  this.showModelPopup.open().then((result) => {  
}, (reason) => {   
});
在Html中

<div class="modal-dialog">
<ng-template #content let-modal>
    <div id="Status" data-grid="col-md-12">
        <div class="modal-content">
            <div class="modal-body">

                <button type="button" class="close" (click)="">
                    <span aria-hidden="true">&times;</span>
                </button>

                <button type="button" class="close"  (click)="modal.dismiss('Cross click')">
                    <span aria-hidden="true">&times;</span>
                </button>

                <div>
                   // My content here
                </div>
            </div>
        </div>
    </div>
</ng-template>

&时代;
&时代;
//我的内容在这里