如何在使用[routerLink] (Angular)的组件中使用Storybook？

import { Meta, moduleMetadata, Story } from '@storybook/angular';
import { YourComponent } from './your-component.component';

export default {
  title: 'Components/YourComponent',
  component: YourComponent,
  decorators: [
    moduleMetadata({
      declarations: [YourComponent],
      imports: [], // 导入需要的模块
    }),
  ],
} as Meta;

const Template: Story<YourComponent> = (args: YourComponent) => ({
  component: YourComponent,
  props: args,
});

export const Default = Template.bind({});
Default.args = {
  // 设置组件的props
};

<a [routerLink]="['/path/to/route']">Go to route</a>

module.exports = {
  // ...
  addons: [
    // ...
    '@storybook/addon-links',
    {
      name: '@storybook/addon-essentials',
      options: {
        actions: false,
        backgrounds: false,
        controls: false,
        docs: false,
        toolbars: false,
        viewport: false,
        storysource: false,
        links: [
          // 添加路由配置
          { name: 'Route 1', href: '/path/to/route1' },
          { name: 'Route 2', href: '/path/to/route2' },
        ],
      },
    },
    // ...
  ],
};