如何将故事书集成到antd angular（NG-ZORRO）

我正在尝试将故事书集成到我的angular项目中，该项目使用并设计了这个库。Storyboook运行正常，但antd样式没有加载到stories中。它只显示默认元素。我在谷歌上搜索了很多可能性，但在角度上几乎没有。我知道我们以某种方式用antd library包装了这些故事。请给我指路。如果我们已经有了一个例子，那就太好了。提前感谢。

当您在项目中使用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\u modules/ng zorro antd/src/components/select/style/entry.less

---

希望这有帮助。

您需要将ngzorro模块添加到storybook的metadataModule中。下面是一个例子

export const MyComponentImpl = () => {
  return {
    moduleMetadata: {
      declarations: [MyComponent],
      imports: [
         BrowserModule,
         FormsModule,
         ReactiveFormsModule,
         BrowserAnimationsModule,
         NgZorroModule // the ngzorro modules that you want to use
     ]
    },
    template: `
        <div [ngStyle]="{'width': '100vw'}">

          <my-component></my-component>

        </div>
      `,
    props: {
    },
  };
};

导出常量myComponentMPL=（）=>{ 返回{ moduleMetadata：{ 声明：[MyComponent]， 进口：[ 浏览器模块， FormsModule， 反应形式模块， BrowserAnimationsModule， NgZorroModule//要使用的ngzorro模块 ] }, 模板：` `, 道具：{ }, }; };