如何在Angular 2中打开没有按钮的引导弹出窗口？

Question

如何检查 Angular 2 中是否打开了弹出框？

HTML：

<template #jobParametersPopover>
 <div style="width: 100%;">
                                        Popover content
                                    </div>
                                </template>                                   

                                <div [container]="body" #popover="ngbPopover" placement="bottom" [ngbPopover]="jobParametersPopover" popoverTitle="Job Parameters" style="width: 100%" class="panel-draggable" 
                                *ngFor="let tcs of defaultSuiteFiles; let x = index">                      
                                    {{tcs.name}}    
                                </div>

组件：

@ViewChild('popover') public popover: NgbPopover;
 //...
console.log(this.popover.isOpen()) //throws exception

异常：TypeError：无法读取未定义的属性“isOpen”

Answer 1

您应该向 ViewChild 装饰器指定要阅读的内容：

@ViewChild('popover', {read: 'NgbPopover'}) public popover: NgbPopover;