Storybook Angular 和 ng-bootstrap

Posted 2023-02-19

【中文标题】Storybook Angular 和 ng-bootstrap

【英文标题】：Storybook Angualr and ng-bootstrap

【发布时间】：2020-06-15 21:02:02

【问题描述】：

我想为使用 ng-bootstrap 的 Angular 组件创建故事。但是，当我为此示例代码制作这些故事时（所有组件都在工作，只有故事书会给出错误）

<div id="collapseName" [ngbCollapse]="isCollapsed">

我收到以下错误。

无法绑定到“ngbCollapse”，因为它不是“div”的已知属性。

如何制作支持这一点的基本故事

【问题讨论】：

你可以创建 stackblitz 来重现错误

【参考方案1】：

正如错误所述，ngbCollapse 不是div 的属性，它是NgbModule 中包含的指令。您必须导入该模块才能在您的应用程序中使用它。如果你想在不同的组件中使用来自NgbModule的指令，你可以在你的SharedModule中导入和导出NgbModule，然后在你的所有模块中导入SharedModule。

我建议你看看https://ng-bootstrap.github.io/#/getting-started