[英]How to add directives to angular storybook
我有一個下拉指令,我想將它添加到我的故事書中,但它不起作用。 當我運行故事書上的按鈕時,但如果我單擊按鈕,則不會顯示模板。
import {moduleMetadata} from '@storybook/angular';
import {CommonModule} from '@angular/common';
import {DropdownModule} from '../../app/base-components/dropdown';
export default {
title: 'dropdown',
decorators: [
moduleMetadata({
declarations: [],
imports: [CommonModule, DropdownModule]
})
]
};
export const withDropdownTemplate = () => ({
template: '<button dropDown></button>',
props: {
displayTpl: `<ng-template #dropdownTpl>
<ul>
Hello World
</ul>
</ng-template>`
}
});
我有同樣的問題。
我的解決方案: https://github.com/AnteaterCode/shatilokit/blob/master/src/stories/general/buttons.stories.ts
const modules = {
imports: [
ShButtonModule,
],
};
export default {
title: 'general/Button',
component: ShButton
} as Meta;
export const primary = () => ({
moduleMetadata: modules,
template: `
<button shButton> Button </button>
`,
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.