如何以角度將 id from.html 傳遞給.ts？

Question

基本上標題是如何說明的，我如何傳遞一個項目的 id，所以當訪問頁面時我只顯示該項目，目前我正處於這個階段，我一直在獲取 id..

在.html中：

<button routerLink='/items/{{item.id}}'>List item</button>

在組件中：

itemArray: GetItems[] = [];    

constructor(){
    item: GetItems[] => {
      this.itemArray.find(item => item.id === id);
    }
}

更新 1：//錯誤 AnonymousSubject

id: Observable<string>;

constructor(route: ActivatedRoute){
  this.id = route.params.pipe(pluck('id'));
  console.log(this.id);

}

Answer 1

您將能夠像這樣獲得 id：

<a [routerLink]="['/items', item.id]">{{ item.id }}</a>

id$: Observable<string>; // This is an observable

constructor(private route: ActivatedRoute) {}

ngOnInit(route: ActivatedRoute) {
  this.id$ = this.route.params.pipe(pluck('id');
  this.id$.subscribe(console.log);
}

另一種方法：

id: string;

constructor(private route: ActivatedRoute) {}

ngOnInit() {
  this.id = this.route.snapshot.paramMap.get('id');
}

訪問Activated Route和Activated Route in action 。