storybook Angular - 在URL参数中指定的值不会持久化或反映在组件故事画布上,

mzillmmw 于 3个月前发布在 Angular

关注(0)|答案(4)|浏览(41)

描述bug

从Discord中@Kedar提到的bug:我为Angular组件实现了Storybook控件。选中的控件被设置为URL中的args参数。但是，当我刷新页面(或打开iframe版本)时，URL中指定的值没有持久化或反映在组件故事画布上。只有当我更改页面上的某个控件时，URL中的所有其他值才会反映在组件画布上。有人遇到过同样的问题吗？谢谢。
作为补充和相对关系，切换控件时不会更新组件。在6.3.12稳定版本中，这个bug有所不同，如@MarceloBob所描述的那样：嘿，大家好，我是新来的，我在创建的故事中遇到了代码显示问题。当我点击显示代码以显示由组件生成的代码时，它会显示代码，但是当我使用控件时，它会以延迟的方式更改生成的代码。例如：当我点击一个激活控件(布尔值)时，它不会更改生成的显示代码，但当我点击另一个控件时，它会更改之前的一个。
与此相对应，文档侧也存在这样的问题：切换参数不会更改预览的组件：https://www.youtube.com/watch?v=W3XgO-Th6U0

系统

Windows / Storybook Angular
在这里描述的三个问题在shared重现中是可重复的。

storybook

来源：https://github.com/storybookjs/storybook/issues/16708

4条答案

按热度按时间

oogrdqng1#

@shilman 事实上，这是一个Angular 问题。当我登录故事(Storybook 6.4.4)时：

export const MatButtons = {
  render: (args: Interface) =>
    console.log(args) || {
      props: args,
      template: `
<button mat-button>Basic</button>
<button mat-button color='primary'>Primary</button>
<button mat-button color='accent'>Accent</button>
<button mat-button color='warn'>Warn</button>
<button mat-button disabled>Disabled</button>
<a mat-button href='https://google.com' target='_blank'>Link</a>
`,
    },
};

它在这两种情况下都记录了正确的 args 值。

赞(0）回复(0）举报 3个月前

1yjd4xko2#

大家好！最近似乎没有太多关于这个问题的进展。如果还有问题、评论或错误，请随时继续讨论。遗憾的是，我们没有时间处理每一个问题。我们始终欢迎贡献，所以如果你想帮忙，请发送一个pull request。30天后未活跃的问题将被关闭。谢谢！

赞(0）回复(0）举报 3个月前

hs1rzwqc3#

它仍然相关。

赞(0）回复(0）举报 3个月前

23c0lvtd4#

@Tim-arts,你尝试过升级到最新的预发布版本吗？
迁移指南： https://storybook.js.org/migration-guides/7.0

赞(0）回复(0）举报 3个月前