Angular 4 + ngBootstrap工具提示无法正确显示

Question

我正在尝试在Fontawesome图标上创建一个简单的ngBootstrap工具提示，如下所示：

<ng-template #tipContent>
  <ng-content></ng-content>
</ng-template>
<i id="icon" class="fa fa-1x fa-info-circle" [ngClass]="icon" aria-hidden="true" placement="right" ngbTooltip="tipContent"></i>

我使用上面的组件如下：

<app-tttest>Some tooltip text!</app-tttest>

虽然工具提示确实出现，但有两个问题：

1. 工具提示的内容是＆＃34; tipContent＆＃34;。我完全按照ngBootstrap文档完成了这项工作，但它不起作用。
2. 工具提示是一个圆角方形，但没有指向弹出它的元素的三角形。

我使用的CSS是： https://v4-alpha.getbootstrap.com/dist/css/bootstrap.min.css