需要使用所选的“ID”

Question

在我的slist.component.html中，我显示带有按钮的名单列表，当我点击按钮时，它使用下面的函数给出了所选名称的 id，description 用 slist.component.ts 编写，值为变量 selectdescription 。

如何在我的另一个组件 edits.component.ts

上访问此 selectdescription

 go_to_editsection(i){
    var selectsection = this.array_no1[i]['id'];
    var selectdescription = this.array_no1[i]['description'];
    console.log(selectsection);
    console.log(selectdescription);
    this.router.navigate(['/editsection/'+selectsection])
  }

  

请注意：我也在调用url中的id，如果用户点击slist.component.ts中的按钮，则会调用edits.component.html /：id。

这就是我在edits.component.ts

中收到ID的方式

ngOnInit() {
    this.section = {id: this.route.snapshot.params['id']};
    console.log(this.section.id);
}

我可以使用id从本地存储的数据中找到描述吗？我应该使用哪种方法？比如从其他组件中获取值或从我已经购买的id获取值？

使用 edits.component.ts 中的以下代码在array_no1中获取本地存储的数据 -

ngOnInit() {
    this.section = {id: this.route.snapshot.params['id']};
    console.log(this.section.id);
 var keys = Object.keys(localStorage).filter(function(key) {
  return /^section\d+$/.test(key);
});

var dataArray = keys.map(function(key) {
 return JSON.parse(localStorage.getItem(key));
});

for(var i=0;i<dataArray.length;i++){
    var array_no = dataArray[i];
}
 this.array_no1 = dataArray;
  }

请指导，同时附上2个屏幕截图以便更好地理解：

点击按钮后 -