'ngbd-accordion-basic'不是一个已知元素：

Question

我正在尝试向Angular应用添加简单的Accordian并出现问题。我不确定要在哪里进口。

我得到的错误是

There is no directive with "exportAs" set to "ngbAccordion"

谢谢

Answer 1

您可以简单地在需要使用手风琴的模块上导入手风琴。

在您的sample.module.ts上，仅导入 手风琴模块（不要导入整个NgBootstrap模块，因为这会大大增加整体包的大小），并将其包括在导入中在@NgModule下也是如此。

import { NgbAccordionModule } from '@ng-bootstrap/ng-bootstrap';

.
.

@NgModule({
  imports: [
    NgbAccordionModule
    .
    .
    // others

之后，您可以开始使用它。

在您的component.html上，

<ngb-accordion #acc="ngbAccordion">
  <ngb-panel id="toggle-1" title="First panel">
    <ng-template ngbPanelContent>

    </ng-template>
  </ngb-panel>
  <ngb-panel id="toggle-2" title="Second">
    <ng-template ngbPanelContent>

    </ng-template>
  </ngb-panel>
</ngb-accordion>

您可以参考here上的API文档和更多示例。