Angular内容投影与storybook不兼容
创始人
2024-10-28 16:00:54
0

可能需要使用一个插件来解决此问题。首先安装@storybook/addon-docs

npm install --save-dev @storybook/addon-docs

然后在.storybook/main.js中添加:

module.exports = {
  addons: ['@storybook/addon-docs']
};

在要测试的组件中,确保您有一个子组件,该组件具有ng-content


// test.component.ts
import { Component } from '@angular/core';

@Component({
  selector: 'app-test',
  templateUrl: './test.component.html'
})
export class TestComponent {}

最后,在storybook组件中使用doc注释添加说明文档,如下所示:

import { TestComponent } from './test.component';

export default {
  title: 'Test',
  decorators: [
    moduleMetadata({
      declarations: [TestComponent]
    })
  ],
  parameters: {
    docs: {
      description: {
        component: 'This should work with content projection'
      }
    }
  }
};

export const defaultView = () => ({
  component: TestComponent,
  template: `

This is projected content

` });

相关内容

热门资讯

透视插件!sohoo竞技联盟辅... 透视插件!sohoo竞技联盟辅助器,pokeplus脚本(原来存在有挂);sohoo竞技联盟辅助器辅...
aapoker透明挂!德州aa... 自定义aapoker透明挂系统规律,只需要输入自己想要的开挂功能,一键便可以生成出微扑克专用辅助器,...
透视总结!约局吧德州透视,佛手... 透视总结!约局吧德州透视,佛手在线大菠萝技巧(原来是真的有挂)1、佛手在线大菠萝技巧系统规律教程、佛...
aapoker透视辅助!aap... aapoker透视辅助!aapoker辅助是真的吗,(aapoKer)切实是真的有挂,详细教程(有挂...
透视肯定!werplan外卦神... 透视肯定!werplan外卦神器,聚星ai辅助工具激活码(竟然有挂)1、聚星ai辅助工具激活码透视辅...
aapoker外 挂!aapo... aapoker外 挂!aapoker有手游版吗,(aapokEr)其实是有挂,详细教程(有挂教学)1...
透视安装!pokermaste... 透视安装!pokermaster修改器,pokemmo免费脚本(确实真的是有挂)进入游戏-大厅左侧-...
aapoker猫腻!线上德州a... aapoker猫腻!线上德州aapoker透明挂,(aapokeR)一直有挂,详细教程(有挂攻略)科...
透视好友房!红龙poker辅助... 透视好友房!红龙poker辅助器免费观看,werplan怎么透视(一直真的有挂);1、红龙poker...
aapoker发牌机制!aap... aapoker发牌机制!aapoker辅助工具下载,(AAPOkER)总是存在有挂,详细教程(有挂黑...