angular - Storybook Angular 和 ng-bootstrap

标签 angular storybook angular-storybook

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

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

我收到以下错误。

Can't bind to 'ngbCollapse' since it isn't a known property of 'div'.



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

最佳答案

正如错误所述,ngbCollapse不是 div 的属性,它是 NgbModule 中包含的指令.您必须导入该模块才能在您的应用程序中使用它。如果你想使用 NgbModule 中的指令在不同的组件中,您可以导入和导出 NgbModule在您的 SharedModule , 然后导入 SharedModule在您的所有模块中。
我建议看看 https://ng-bootstrap.github.io/#/getting-started

关于angular - Storybook Angular 和 ng-bootstrap,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60507944/

相关文章:

angular - 从另一个文件引用 Angular/Ionic 组件而不为其添加指令

javascript - Storybook 插件文档 MDX 不适用于 Edge

storybook - 如何在现有项目上设置故事书

angular - 故事书:在组件级别注入(inject)一个模拟的提供者/服务

Angular 6 : Changing the code of an external library only works with 'ng serve' and not with 'ng build'

angular - 单击按钮时如何展开/折叠 Accordion 选项卡?

Angular 2/PrimeNg - 通过@ViewChild 更新图表

javascript - 如何使用 Storybook 配置 VueJS + PostCss + Tailwind

angular - 在 Storybook 中显示 Spartacus 组件的问题

angular - 获取全局样式的问题包括在 Nx 和 Angular 12 的故事书中