在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  HTML/ angular4 中子頁面如何獲取父頁面中通過routerLink傳過來的參數(shù)

angular4 中子頁面如何獲取父頁面中通過routerLink傳過來的參數(shù)

父組件(頁面)上通過routerLink跳到子頁面(通過下拉列表切換不同的子頁面),但是在子頁面上需要接收父頁面上傳的參數(shù)(動態(tài)參數(shù)),一直獲取不了,報錯也解決不了,接觸angular不久,是在解決不了,求大佬們指導(dǎo),非常感謝?。?!
圖片描述

代碼如下:
父組件(父頁面)中的切換路由,_value 就是所選擇的試題分類
<ul class="dropdown-menu" aria-labelledby="dropdownMenu2">

<li><a [routerLink]="['/manager/exam-manage/manage-type-choice',_value]">選擇題</a></li>
<li role="separator" class="divider"></li>
<li><a [routerLink]="['/manager/exam-manage/manage-type-completion',_value]">填空題</a></li>
<li role="separator" class="divider"></li>
<li><a [routerLink]="['/manager/exam-manage/manage-type-answer',_value]">解答題</a></li>

</ul>
看教程子頁面的ts文件中這樣寫的:
ngOnInit() {
this.type = this.router.paramMap.switchMap((params: ParamMap) => {

     console.log(params);

});
}
但是一直報錯:
報錯信息:Argument of type '(params: ParamMap) => void' is not assignable to parameter of type '(value: ParamMap, index: number) => ObservableInput<{}>'.
Type 'void' is not assignable to type 'ObservableInput<{}>'.

這是子頁面的URL:
clipboard.png

后面 “css“ 和 ”選擇器” 就是想要獲取到的值。

回答
編輯回答
安淺陌

不知道你子路由是怎么配置的?你有沒有像圖片一樣配置路徑中的:id令牌用來接收你的值呢?
圖片描述

2018年5月6日 14:15
編輯回答
熟稔
export class ProductDetailComponent implements OnInit {
  private data: object;
  constructor(private routeInfo: ActivatedRoute) {}
  ngOnInit() {
    this.routeInfo.queryParams.subscribe(params => {
      this.data = params;
    })
    console.log(this.data);
  }
}

試試這個。不行再問我,可以參考我的筆記https://segmentfault.com/n/13...

2018年4月22日 16:03