Как передать идентификатор из. html в .ts в angular?

Question

В основном, как говорится в заголовке, как я могу передать идентификатор элемента, чтобы при доступе к странице у меня отображался только этот элемент, в настоящее время я нахожусь на этом этапе, когда застрял в получении идентификатора ..

В. 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

Вы сможете получить идентификатор следующим образом:

<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');
}

Посещение Активированный маршрут и Активированный маршрут в действии .