Question

我想在工具提示中添加一个换行符，但是它不起作用，我尝试了\n，<br>，&013;/ &#13

中的所有操作

这是我的代码：

<a>
 <img class="rounded-circle d-inline-block" src="{{content.image}}"  
 triggers="click" [autoClose]="true" ngbTooltip="{{content.email}} <br> 
 {{content.tel}}">
</a>

Answer 1

您可以在此处使用ng-template，如下所示。这应该为您提供所需的列表效果。这就是我选择并运行良好的方式。

Angular docs

<ng-template #list>
    <div class="d-flex flex-column">
      <span>{{ content.email}}</td>
      <span>{{ content.tel}}</td>
    </div>
</ng-template>


 <img class="rounded-circle d-inline-block" src="{{content.image}}"  
 triggers="click" [autoClose]="true" [ngbTooltip]="list">

class="d-flex flex-column"在引导程序之外的普通css将是

.example {
    display: flex;
    flex-direction: column;
}

explanation found here for flex css

工具提示：ngbTooltip不接受换行

1 个答案: