代码之家 › 专栏 › 技术社区 › Naresh

如何使AG网格在故事书中工作

storybook ag-grid-ng2 ag-grid angular

0

Naresh · 技术社区 · 8 年前

我已经设置了AG网格,以便在故事书中呈现。但是,当故事书出现时,没有显示任何内容,并且chrome控制台中显示以下错误:

ERROR Error: StaticInjectorError(DynamicModule)[Ng2FrameworkFactory -> BaseComponentFactory]: 
StaticInjectorError(Platform: core)[Ng2FrameworkFactory -> BaseComponentFactory]: 
NullInjectorError: No provider for BaseComponentFactory!
    at NullInjector../node_modules/@angular/core/fesm5/core.js.NullInjector.get (core.js:1034)
    at resolveToken (core.js:1271)

我怀疑这是因为在故事书模块中没有正确设置ag网格。以下是我如何设置的-使用strorybook装饰器:

import { AgGridNg2 } from 'ag-grid-angular';
...

storiesOf('Order List', module)
    .addDecorator(
        moduleMetadata({
            declarations: [AgGridNg2]
        })
    )
    .add('list with orders', () => ({
        component: OrderListComponent,
        props: {
            orders: orders
        }
    }));

知道我做错了什么吗?完整的项目可在 Github 特别是故事书的故事是 here .

1 回复 | 直到 8 年前

1

0

Naresh 8 年前

解决了的。我必须进口 AgGridModule 进入故事书:

.addDecorator(
    moduleMetadata({
        imports: [AgGridModule.withComponents([])]
    })
)