相关疑难解决方法(0)

以编程方式打开ng-bootstrap模式

我有一个有角度的4页,包括一个ng-bootstrap模态.我的代码看起来像这样.

foo.html

[...]
<button class="btn btn-sm btn-secondary material-icons"
(click)="open(content)">search</button>

<ng-template #content let-c="close" let-d="dismiss">
    content in here
</ng-template>
[...]
Run Code Online (Sandbox Code Playgroud)

foo.ts

[...]
constructor(private modalService: NgbModal) { }
[...]
open(content) {
   let options: NgbModalOptions = {
     size: 'lg'
   };

   this.modalService.open(content, options);
}
[...]
Run Code Online (Sandbox Code Playgroud)

现在当我点击按钮时,模态打开.我现在要做的是在ngChanges上打开模型.

ngOnChanges(changes: any) {
   open(content)
}
Run Code Online (Sandbox Code Playgroud)

我的问题是:我如何获得"内容"?有没有办法以编程方式获取ng-template?提前致谢!

modal-dialog ng-template ng-bootstrap angular

13
推荐指数
1
解决办法
9424
查看次数

如何在 angular 7 的页面加载中打开 ng-bootstrap 模态弹出窗口?

我无法在 angular 7 页面加载时显示 ng-bootstrap 模式弹出窗口。

我试过下面的代码来打开它。

openVerticallyCentered(content) {

this.modalService.open(content, { centered: true });.
this.modalService.open(content, { beforeDismiss: false });

}
Run Code Online (Sandbox Code Playgroud)

modalpopup bootstrap-modal ng-bootstrap angular

1
推荐指数
1
解决办法
2178
查看次数