如何将故事书整合到蚁角（NG-ZORRO）

Question

我正在尝试将故事书集成到我的使用和设计库的角度项目中。 Storyboook运行得很好，但是故事中没有加载antd样式。它仅显示默认元素。我用谷歌搜索了很多可能性，关于它的角度很少。我知道我们已经用蚂蚁库以某种方式包裹了故事。请给我指路。如果我们已经有一个例子，那就太好了。预先感谢。

Answer 1

当您在项目中使用ng-zorro-antd时，我们将修改您的angular.json以导入样式文件：

{
            "styles": [
              "node_modules/ng-zorro-antd/src/ng-zorro-antd.min.css",
              "src/styles.css"
            ],
}

因此，如果要使用ng-zorro-antd，则应导入.story.js文件中使用的组件的样式文件。例如node_modules/ng-zorro-antd/src/components/select/style/entry.less。

希望这会有所帮助。

Answer 2

您需要将ngzorro模块添加到Storybook的metadataModule中。这是例子

{ isAdmin(user) && <button>Admin Only Button</button> }