Я хочу изменить свою старшую диаграмму в сборнике рассказов после выбора некоторых опций. Есть ли способ, с помощью которого я могу попросить сборник рассказов пересмотреть мой компонент и передать новые значения. Я хочу иметь возможность выбирать значения из ручек в моих историях, нажимать кнопку, и она перерисовывается.
Вот мои компоненты ввода
@Input() title: string;
@Input() chartType: string;
@Input() toolTip: boolean;
constructor() { }
ngOnInit() {
this.setUpChart(); // this creates the chart
}
and my story
const handler = () => {
forceReRender();
}
storiesOf('UI/Basic Chart', module)
.addDecorator(
moduleMetadata({
imports: [UiModule]
})
)
.addDecorator(withKnobs)
.add(
'basic',
() => ({
template:
'<ic-basic-chart [title]="title" [chartType]="chartType" [toolTip] ="toolTip"></ic-basic-chart>',
props:{
title: text('Chart Title', 'Browser market shares. January, 2019'),
chartType: select('Chart Type', {'Bar Chart': 'column', 'Line Chart': 'line'}, 'column'),
toolTip: boolean('Tooltip', true),
button: button('Update Chart', handler )
}
}),
{
notes: `
# Fancy Widget Notes
TODO:
`
}
);
``