如何使用 ngIf 显示/隐藏 ngx-bootstrap 弹出框答案

【问题标题】：how to Show/Hide ngx-boostrap popover using ngIf如何使用 ngIf 显示/隐藏 ngx-bootstrap 弹出框
【发布时间】：2018-10-30 09:47:37
【问题描述】：

我在角度 5 中使用 ngx-bootsrap 弹出框。单击 div 标签时它工作正常，如何使用 *ngIf 激活弹出框？

我尝试以这种方式使用*ngIf，但它不起作用：

<div *ngIf="true" 
    popover="today is very bad day" 
    placement="right"> Popover on right
</div>

我们将不胜感激任何帮助和/或建议！

【问题讨论】：

你能用你的确切代码吗？您在控制台中遇到任何错误吗？您在隐藏或显示时遇到问题吗？
没有错误，它的工作方式像 onclick 不像 ngif 和 isOpen="false" 不工作
你能分享你的代码吗？ @JBoothUA
试试<div *ngIf="true"><div popover="today is very bad day" placement="righ" Popover on right </div></div>
这个工作正常stackblitz.com/edit/…

【解决方案1】：

popover 是一个指令，它会影响按钮、div 等元素。如果您尝试使用 *ngIf，那么您是在尝试影响元素而不是指令。

但是，如果您尝试在某些情况下禁用弹出框，则使用弹出框的 isOpen 属性并将其值保持为 false。你的弹出框不会出现。

查看您需要的确切示例 https://valor-software.com/ngx-bootstrap/#/popover#trigger-by-isopen-property

正如其他人所提到的，如果您分享您的代码，那么提供更准确的答案将很有帮助。

【讨论】：