ngb-tabset没有正确样式

时间:2018-04-11 21:01:39

标签: angular5 ng-bootstrap

我有一个使用ngbootstrap和bootstrap 4的角度5组件来显示一个tabset。标签集的样式不正确。

我在项目的其他地方使用ngb,它似乎工作得很好。

这是我的组件模板:

enter image description here

我正在将ngbmodule导入我的子模块:

enter image description here

我在我的app模块中导入了forRoot()

enter image description here

我还确保在进行故障排除时将bootstrap.min.css添加到我的angular-cli.json中(并确保文件存在):

enter image description here

然而,当我查看我的组件时,ngb-tabset根本无法正确呈现: enter image description here

我已多次重新启动ng serve并检查我的控制台是否有错误(干净),我不确定会出现什么问题,因为我们的ngb模态和ngb日期选择器工作正常(仍然是):'(

1 个答案:

答案 0 :(得分:1)

这是我的问题:

<ng-template ngbTabContend>
    <p> here's some content</p>
  </ng-template>

请注意Contend而不是Content。 D'哦!