将 HTML 添加到 ngx-bootstrap 中的弹出窗口标题
Add HTML to popover title in ngx-bootstrap
我正在尝试为 ngx-bootstrap
中的弹出窗口标题添加换行符。
这可能吗?
下面的换行符标签以文本形式出现,由于某种原因 ng-template
似乎在弹出框内 body(不清楚如何添加标题)。
<ng-template #popTemplate>Just another: {{content}}</ng-template>
<button type="button" class="btn btn-warning"
[popover]="popTemplate" popoverTitle="Template ref <BR> content inside">
TemplateRef binding
</button>
不可以在标题中添加 HTML。
但这并不意味着我们不能即兴创作
https://stackblitz.com/edit/angular-ohncpd-lbhdgg?file=app/custom-content.html
<h3 class="popover-title popover-header" style="margin: -.5rem -.75rem 0 -.75rem;">Template ref <BR> content inside</h3>
Just another: {{content}}
</ng-template>
<button type="button" class="btn btn-warning"
[popover]="popTemplate" >
TemplateRef binding
</button>
我正在尝试为 ngx-bootstrap
中的弹出窗口标题添加换行符。
这可能吗?
下面的换行符标签以文本形式出现,由于某种原因 ng-template
似乎在弹出框内 body(不清楚如何添加标题)。
<ng-template #popTemplate>Just another: {{content}}</ng-template>
<button type="button" class="btn btn-warning"
[popover]="popTemplate" popoverTitle="Template ref <BR> content inside">
TemplateRef binding
</button>
不可以在标题中添加 HTML。
但这并不意味着我们不能即兴创作
https://stackblitz.com/edit/angular-ohncpd-lbhdgg?file=app/custom-content.html
<h3 class="popover-title popover-header" style="margin: -.5rem -.75rem 0 -.75rem;">Template ref <BR> content inside</h3>
Just another: {{content}}
</ng-template>
<button type="button" class="btn btn-warning"
[popover]="popTemplate" >
TemplateRef binding
</button>