Angular Ionic 4 如何将变量从 page.html 传递到 page.ts

Question

我尝试从我的“list.page.html”中接收“detail.page.ts”中的变量

在“list.page.html”中，我有一个列表：

<ion-list>
    <ion-item *ngFor="let item of items" href="details?Reihe={{item.ThemaNr}}">
      <ion-icon name="albums" slot="start" [style.color] ="item.Farbe"></ion-icon>
      {{item.Name}}
      <ion-icon name="list" slot="end"></ion-icon>
    </ion-item>
  </ion-list>

在我的“detail.page.ts”中，我想像这样获取我的 JSON-Data：

loadData() {
    let data:Observable<any>;
    data = this.http.get('https://myURL/mydata.json.php?Reihe= ( and here should be something like: --get."Reihe".from.my.html-page-- to get my ID) ');
    data.subscribe(result => {
      this.details = result;
    })
  }

（提示：如果之前有一个“if(isset($_GET['Reihe']))”会更好（就像在 PHP 中一样））

我怎么能管理/实施这个？ 抱歉，我刚接触 Ionic 4 天。 非常感谢任何想法！

问候， 埃斯特布

---

离子：

离子 CLI：5.4.15 (C:\\Users\\User1\\AppData\\Roaming\\npm\\node_modules\\ionic) 离子框架：@ionic/angular 4.11.8 @angular-devkit/build-angular：0.801.3 @angular-devkit /原理图：8.1.3 @angular/cli：8.1.3 @ionic/angular-toolkit：2.1.2

公用事业：

科尔多瓦-res：0.8.1 本机运行：0.3.0

系统：

NodeJS：v13.5.0 (C:\\Program Files\\nodejs\\node.exe) npm：6.13.4 操作系统：Windows 10

Answer 1

Ionic 4 使用 Angular 的路由器。 您可以向详细信息页面添加参数：

{ path: 'details/:reihe', ... }

使用ActivatedRoute访问参数：

constructor (
  private route: ActivatedRoute
) {
  let reihe = this.route.snapshot.paramMap.get('reihe');
}

使用routerLink传递参数：

<ion-item ... [routerLink]="['/details', item.ThemaNr]">

有关更多信息，请参阅Angular 文档。