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

` });

相关内容

热门资讯

透视项目!wpk透视辅助方法(... 透视项目!wpk透视辅助方法(透视)切实真的是有辅助工具(哔哩哔哩)进入游戏-大厅左侧-新手福利-激...
透视妙招!we-poker辅助... 透视妙招!we-poker辅助器(透视)都是真的是有辅助神器(哔哩哔哩)小薇(辅助器软件下载)致您一...
透视项目!hhpoker德州作... 透视项目!hhpoker德州作必弊(透视)果然真的有辅助辅助器(哔哩哔哩)1、金币登录送、破产送、升...
透视妙招!wepoker免费透... 透视妙招!wepoker免费透视脚本(透视)总是是真的辅助软件(哔哩哔哩)1、wepoker免费透视...
透视大纲!hhpoker哪个俱... 透视大纲!hhpoker哪个俱乐部靠谱(透视)原来存在有辅助安装(哔哩哔哩)1、下载好hhpoker...
透视资料!来玩app破解版(透... 透视资料!来玩app破解版(透视)总是存在有辅助插件(哔哩哔哩)小薇(辅助器软件下载)致您一封信;亲...
透视方案!智星德州辅助译码插件... 透视方案!智星德州辅助译码插件靠谱吗(透视)切实是有辅助插件(哔哩哔哩)1、让任何用户在无需智星德州...
透视方式!wepoker插件功... 透视方式!wepoker插件功能辅助器(透视)本来真的有辅助平台(哔哩哔哩)1、进入到wepoker...
透视阶段!hhpoker有后台... 透视阶段!hhpoker有后台操作吗(透视)本来是有辅助神器(哔哩哔哩)1、这是跨平台的hhpoke...
透视指引!wepoker好友房... 透视指引!wepoker好友房开挂(透视)一贯是真的辅助辅助器(哔哩哔哩)1、操作简单,无需wepo...