如何解决Angular ngbPopover,如何从子compopent打开弹出框
与ng-Bootstrap结合使用时,我有一个弹出窗口和一个子组件(应用程序顾问):
<!-- some.component.html -->
<app-adviser [text]="advisorText"></app-adviser>
<div
...
triggers="manual"
#p="ngbPopover"
> </div>
触发弹出窗口的按钮在子组件中:
<!-- adviser.component.html -->
<button type="button" (click)="p.open()">
Open popover
</button>
但是弹出窗口必须位于父组件中,通常我将单击函数click =“ click.p.open()”,但是如何将其从子组件传递到父组件?
解决方法
如果弹出框的内容和按钮都在子组件中,则必须将所有弹出框的逻辑从父组件移到子组件。在stackblitz下面,您可以看到一个示例。
https://stackblitz.com/edit/popover-in-child-component?file=src%2Fapp%2Fchild%2Fchild-component.html
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。