Question

这是我第一次参加论坛，

我使用Angular 8启动了一个新应用，但是routerLink出现了问题。

实际上，我正确地注册了（我认为）具有相关路径和组件的路线。当您单击产品链接时，您将直接进入详细信息组件。

问题是当我单击链接时，我的组件出现在同一页面上而不是分开的页面上。

能否请您帮我找出问题所在？

这里是在app-routing.module.ts中注册路由：

const routes: Routes = [
  {path: '', component: ProductDisplayComponent},
  {path: 'products/:productId', component: ProductDetailsComponent},
  {path: 'cart', component: CartComponent},
];

这是我的detail-component.ts：

import { ActivatedRoute} from '@angular/router';

export class ProductDetailsComponent implements OnInit {
  product;
  constructor(
    private route: ActivatedRoute,
  ) { }

这是product-display.component.html中的routetrLink指令：

<div *ngFor="let product of products; index as productId">
  <h3>
    <a [title]="product.name + ' details'" [routerLink]="['/products', productId]">
      {{product.name}}
    </a>
  </h3>
</div>

Angular 8 routerLink无法正常工作

0 个答案: