描述问题
你好,我在使用storybook时遇到了一个问题,它无法更新非"@input"字段。如果我在代码中有一个公共参数,并在NgOnInit中对其进行更新,即使我在控制台中可以看到它已经更新,但在storybook的DOM上也不会更新。
在我的组件文件中,我有2个字段:text1InputMode(是一个@input),text2NoInputMode(不是一个输入)。它们都是字符串,值为"need to update"。在ngOnInit中,我用"Updated"更新了这两个字段。但是,如你所见,在storybook中,只有输入字段会更新。在我的老版本的storybook 6.3.x中,它可以正常工作(两个字段都有"updated"),但现在它无法更改没有@input的字段上的文本。
test.component.ts:
test.stories.ts:
test.component.html:
github repo:
重现问题
克隆仓库
运行npm install
转到projects/my-lib/src
在那里也运行npm install
从主文件夹的package.json中运行"storybook"
系统信息
附加上下文
这是一个更大问题中的简单示例。
3条答案
按热度按时间pvabu6sv1#
你尝试过升级到7.0吗?我们做了很多Angular的改进,但我不知道这是否是其中之一。
迁移指南: https://storybook.js.org/migration-guides/7.0
xwbd5t1u2#
我尝试了,但是遇到了以下错误:
更新版本7的GitHub链接:
https://github.com/itzikd15/storybook
zujrkrfu3#
成功修复了故事书7的问题,这是一个错误的"@storybook/addons"版本。