我有一个包含 ng-bootstrap 模态的 angular 4 页面。我的代码如下所示。
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>
[...]
foo.ts
[...]
constructor(private modalService: NgbModal) { }
[...]
open(content) {
let options: NgbModalOptions = {
size: 'lg'
};
this.modalService.open(content, options);
}
[...]
现在,当我单击按钮时,模式打开。我现在要做的是在 ngChanges 上打开模型。
ngOnChanges(changes: any) {
open(content)
}
我的问题是:如何获取此处的“内容”?有没有办法以编程方式获取 ng-template?提前致谢!
最佳答案
要访问类中的 content
元素,请声明:
@ViewChild('content', { static: false }) private content;
^for Angular8+
并在类的顶部添加相应的导入:
import { ViewChild } from '@angular/core';
最后在变化检测时为该元素调用 open 方法:
ngOnChanges(changes: any) {
this.open(this.content);
}
关于angular - 以编程方式打开 ng-bootstrap 模式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45133209/