gpt4 book ai didi

angular - ngx Bootstrap 手动关闭按钮

转载 作者:行者123 更新时间:2023-12-01 16:23:48 25 4
gpt4 key购买 nike

我正在尝试使用 ngx-bootstrap 在弹出窗口的右上角制作一个手动弹出窗口关闭按钮。我知道要添加 x 按钮,我们必须使用 Bootstrap 中的 &Times。

https://v4-alpha.getbootstrap.com/utilities/close-icon/

但是我不知道如何将它实现到我的标题中,因为我试图将它添加到右上角。

 content: string = "content of popover ";
Title: string = "Title of popover";
 <a [popover]="content" container="body" placement="top" [popoverTitle]="Title" >Making this popover</a>

enter image description here

This是我正在使用的链接。我正在使用这个示例、模板和组件。

enter image description here

我的 plunker基本上,为了简单起见,我需要在标题的右上角有一个 X。

最佳答案

设法做到it最终,因为 popoverTitle 只接受字符串

<div>
<ng-template #popoverContent3>
<div style="font-size:18px; font-family:'Times New Roman'; font-weight:bold;">
<p>this is a title...
<button type="button" (click)='pop2.hide()' class="close" aria-label="Close">
<span aria-hidden="true">&times;</span>
</button>
</p>
</div>
<div>
<p>The best looking pop over, with a TITLE!</p>
</div>
</ng-template>

<a [popover]="popoverContent3" #pop2="bs-popover" placement="right">
Pop over with title and a x button!
</a>
</div>

关于angular - ngx Bootstrap 手动关闭按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48882353/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com