如何将 id 从 .html 传递到 angular 中的 .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 and Activated Route in action。

如何将 id 从 .html 传递到 angular 中的 .ts？

How to pass id from .html to .ts in angular?

angular

angular7