顯示範本程式碼,以便在您的應用程式中獲得相同的結果。

在 Github 上檢視

Storybook 擴充套件 Angular 原始碼

這個 Storybook 擴充套件會新增一個標籤頁,顯示每個 story 的 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',
    // ...
  ],
};