Angular ngbPopover，如何从子组件打开弹出框答案

【问题标题】：Angular ngbPopover, how to open a popover from a child compopentAngular ngbPopover，如何从子组件打开弹出框
【发布时间】：2020-09-04 07:33:34
【问题描述】：

在 ng-Bootstrap 的角度上，我有一个弹出框和一个子组件（app-adviser）：

<!-- some.component.html -->
<app-adviser [text]="advisorText"></app-adviser>
<div 
    ...
    triggers="manual" 
    #p="ngbPopover" 
> </div>

触发popover的按钮在子组件中：

<!-- adviser.component.html -->
<button type="button" (click)="p.open()">
        Open popover
</button>

但是popover必须在父组件中，通常我会调用click函数click="p.open()"，但是如何从子组件到父组件（通信）呢？

【问题讨论】：

【解决方案1】：

如果弹出框的内容和按钮都在子组件中，则必须将弹出框的所有逻辑从父组件移动到子组件。在下面的 stackblitz 中，您可以看到一个示例。

【讨论】：

感谢您的回答，但弹出框必须保留在父组件中，而按钮必须保留在子组件中。
在这种情况下，您必须使用事件发射器。查看堆栈闪电战：stackblitz.com/edit/open-popover-in-parent-from-child?file=src/…