Angular5 ng-bootstrap - 如何仅使用 ngb-panel答案

【问题标题】：Angular5 ng-bootstrap - how to use just the ngb-panelAngular5 ng-bootstrap - 如何仅使用 ngb-panel
【发布时间】：2017-12-07 04:29:18
【问题描述】：

如何在手风琴之外只渲染一个面板？

这不会渲染任何东西...

 <ngb-panel title="Login">
  <ng-template ngbPanelContent>
    Hello
  </ng-template>
 </ngb-panel>

但这确实（具有可折叠的手风琴行为 - 我不想要...）

<ngb-accordion #acc="ngbAccordion" activeIds="ngb-panel-0">
 <ngb-panel title="Login">
  <ng-template ngbPanelContent>
    Hello
  </ng-template>
 </ngb-panel>
</ngb-accordion>

【问题讨论】：

你对什么行为感兴趣？你能改用Collapse component吗？
啊 - 我在使用旧的 bootstrap 3 面板 (getbootstrap.com/docs/3.3/components/#panels) 但它看起来不在 4 中
根据the Bootstrap 4 documentation，Panel组件已被the Card component替换。
是的 - 请阅读！如果你想回答不好接受它。米

标签： angular ng-bootstrap

【解决方案1】：

根据Bootstrap 4 documentation，Panel component已经被the Card component替换了，因为它是通过简单的CSS选择器样式获得的，所以不包含在ng-bootstrap中。

对于那些对在 Accordion 之外拥有可折叠容器感兴趣的人，他们可以使用 ng-bootstrap 的Collapse component。

【讨论】：