故事书Angualr和ng-bootstrap

时间:2020-03-03 13:04:07

标签: angular storybook angular-storybook

我想为使用ng-bootstrap的角度组件创建故事。但是,当我为示例代码制作这些故事时(所有组件都在工作,只有故事书给出了错误)

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

我收到以下错误。

由于它不是'div'的已知属性,因此无法绑定到'ngbCollapse'。

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

1 个答案:

答案 0 :(得分:0)

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

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