angular5项目中queryParamsMap报错

最新推荐文章于 2024-02-21 04:30:00 发布

M612a34

最新推荐文章于 2024-02-21 04:30:00 发布

阅读量942

点赞数

分类专栏： AngularJS5

本文链接：https://blog.csdn.net/M612a34/article/details/80060881

版权

AngularJS5 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

appcomponent-html：

<a [routerLink]="['/']">主页</a>
<a [routerLink]="['/product']" [queryParamMap]="{id:1}">商品详情</a>

<!--通过router对象来导航-->
<input tyoe="button" value="商品详情" (click)="toProductDetails()">


<!--路由插座：导航的组件显示在router-outlet位置上-->
<router-outlet></router-outlet>
`

productcomponent.ts:

import { Component, OnInit } from '@angular/core';
import { ActivatedRoute } from '@angular/router';

@Component({
  selector: 'app-product',
  templateUrl: './product.component.html',
  styleUrls: ['./product.component.css']
})
export class ProductComponent implements OnInit {
  private productId: number;

  constructor(private routerInfo: ActivatedRoute) { }

  ngOnInit() {
    this.productId = this.routerInfo.snapshot.queryParamMap['id'];
  }
}

报错：

Can't bind to 'queryParamMap' since it isn't a known property of 'a'. ("

<a [routerLink]="['/']">主页</a>
<a [routerLink]="['/product']" [ERROR ->][queryParamMap]="{id:1}">商品详情</a>

解决：把 queryParamMap 改为 queryparams ,但是官方文档说提供前者，后者将逐渐被废弃。