路线

Question

我只是学习角度，所以请耐心等待。

我的路线注册如此。

const routes: Routes = [
    { path: 'contact-us', component: ContactUsComponent },
    { path: 'parts', component: PartsComponent },
    { path: 'sales', component: SalesComponent },
    { path: 'service', component: ServiceComponent },
    { path: '', component: HomeComponent}

];

然后我就像这样有一个常数

从'./MenuItem'导入{MenuItem};

export const items: MenuItem[] = [
    { name: 'Welcome to hansen international', url: '/', title: 'Home' },
    { name: 'Contact Us', url: '/contact-us', title: 'Contact Us' },
    { name: 'Parts', url: 'parts', title: 'Parts' },
    { name: 'Sales', url: 'sales', title: 'Sales' },
    { name: 'Service', url: 'service', title: 'Service' }
];

在我的导航组件中，我正在做这个

      {{我的名字}}     

奇怪的是，如果您点击联系我们，它可以正常工作。但是，如果你点击任何其他导航的东西，它在第一次尝试时不起作用，但是那之后它们都工作没问题。您可以单击其中任何一个，但必须单击它们两次以使它们开始工作。

我错过了什么？

Answer 1

没关系，我在这里发布并立即看到了这个问题。我需要一个/在他们面前。他们在第二次点击后工作，这很奇怪。