Angular 4 Routing - 直接URL导航

Question

这是我的路线

{ path: 'product/:productName/:id', component: ProductComponent }, 

{ path: 'Vitamins', component: ProductComponent }

我有如下的锚标记

 <a [routerLink]="['./product', 'Vitamins', 1]" >Vitamins</a>

如果我点击锚标签，我会在NgOnit上获得这样的参数中的名称和ID。

 ngOnInit() {
this.route.params
  .switchMap((params: Params): any => {
   let id = +params['id'];
   let name = params['productName'];});}

当我点击点击但是当我输入网址时，一切都很有效，例如www.website.com/Vitamins。它不是我的任何地方。我期待维生素作为字符串和参数。我怎样才能做到这一点？