显示要用于在您的应用程序中获得相同结果的模板代码。

在 Github 上查看

Storybook 附加组件 Angular 源代码

此 Storybook 附加组件添加了一个选项卡,用于显示每个故事的 Angular 模板代码。它使用 prismjs 进行语法高亮显示。

Animated preview

入门

使用 NPM

npm i --save-dev @gilsdav/storybook-angular-source

使用 Yarn

yarn add -D @gilsdav/storybook-angular-source

注册附加组件

// .storybook/main.js

module.exports = {
  // ...
  addons: [
    '@gilsdav/storybook-angular-source',
    // ...
  ],
};