要解决源视图不显示Angular组件的argsMap的问题，请按照以下步骤操作：

1. 在sourceDecorator.ts中更新sourceDecorator:
   确保props正确传递并用于生成模板源。

if (component && !userDefinedTemplate) {
  const source = computesTemplateSourceFromComponent(component, props, argTypes);
  if (source || template) {
    toEmit = source || template;
  }
} else if (template) {
  toEmit = template;
}

1. 检查doc-button.stories.ts:
   确保args正确定义并传递给模板。

export const WithTemplate: Story = {
  args: { label: 'Template test', appearance: 'primary' },
  render: (args) => ({
    props: args,
    template: `<my-button ${argsToTemplate(args)}></my-button>`,
  }),
};

这些更改确保args正确Map并在源视图中显示。

参考资料

/code/frameworks/angular/src/client/docs/sourceDecorator.ts
/code/frameworks/angular/template/stories/argTypes/doc-button/doc-button.stories.ts

关于Greptile

此响应为您提供研究的起点，而非精确解决方案。
帮助我们改进！如果这有帮助，请留下一个👍，如果无关，请留下一个👎。
Ask Greptile · Edit Issue Bot Settings