как писать рассказы в CSF с шаблоном html в angular - PullRequest
Новая
       6

как писать рассказы в CSF с шаблоном html в angular

0 голосов
/ 22 апреля 2020

Как я могу использовать сборник рассказов в новом формате CSF для добавления компонента с помощью тега thml? Вот так (старый формат storyOf): 

const modules = {
    imports: [ReactiveFormsModule],
    declarations: [AddressComponent],
};

storiesOf('Core/Address Component - storiesOf', module)
    .add('as component', () => ({
        moduleMetadata: modules,
        component: AddressComponent,
        props: {
            title: 'test',
        },
    }))
    .add('via html tag', () => ({
        moduleMetadata: modules,
        template: `
            <app-address title="test"></app-address>
        `,
    }));

Я уже пробовал это (новый формат CSF): 

export default {
    component: AddressComponent,
    title: 'Core/AddressComponent',
    decorators: [
        moduleMetadata({
            // imports both components to allow component composition with storybook
            providers: [],
            schemas: [CUSTOM_ELEMENTS_SCHEMA],
            imports: [ReactiveFormsModule],
        }),
    ],
};
export const fromHtmlTemplate = () => ({
    component: AddressComponent,
    template: `<app-address title="testerasef"></app-address>`,
});

... но результат - просто пустая страница в сборнике рассказов .. ..

1 Ответ

0 голосов
/ 22 апреля 2020

хорошо, я просто пропустил это объявление: 

export default {
    component: AddressComponent,
    title: 'Core/AddressComponent',
    decorators: [
        moduleMetadata({
            schemas: [CUSTOM_ELEMENTS_SCHEMA],
            declarations: [AddressComponent],
            imports: [ReactiveFormsModule],
        }),
    ],
};
export const fromHtmlTemplate = () => ({
    template: `<app-address title="testerasef"></app-address>`,
});

надеюсь, это поможет кому-то, пока сборник рассказов не обновит документы ...

...