通过IONIC中的Routerlink将值传递给其他综合词

发布于 2025-02-04 05:19:05 字数 360 浏览 3 评论 0原文

我想将价值传递给另一个compoment ex：一个国家的名称，并在另一个

综合体上使用它，我想将值“法国”发送到另一个compoment（通过datahere）：

  <ion-card-header>
    <ion-img class="logo-flag-greece" alt="mylogo" ></ion-img>
    <span routerLink="/tabs/result" dataHere="France" class="text">France</span>

  </ion-card-header>

我该如何？那会吗？

原文

I would like to pass value to another compoment ex: a name of country, and use it on the other compoment

I make the link like that and i want to send the value "France" to another compoment (via dataHere) :

  <ion-card-header>
    <ion-img class="logo-flag-greece" alt="mylogo" ></ion-img>
    <span routerLink="/tabs/result" dataHere="France" class="text">France</span>

  </ion-card-header>

How can i do that ?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

一桥轻雨一伞开 2025-02-11 05:19:05

在您的html文件

<ion-card-header>
    <ion-img class="logo-flag-greece" alt="mylogo" ></ion-img>
    <span (click)="show_result()" dataHere="France" class="text">France</span>
  </ion-card-header>

and in your ts file

 import {Router} from "@angular/router";
  ...
  ...
  constructor(private router:Router){}

show_result(){
this.router.navigate(["/tabs/result"],{
  queryParams: {
    data: your_data
  }
}); 
}

和您的结果中

 import {ActivatedRoute} from "@angular/router";
   ...
   ...
   constructor(private activatedRoute:ActivatedRoute){}
ionViewDidEnter(){
this.activatedRoute.queryParams.subscribe(params => {
    this.country_data = params['data'];
  });

}

。而是使用“服务”。您可以通过这样的方式将数据传递到另一页。在

in you html file

<ion-card-header>
    <ion-img class="logo-flag-greece" alt="mylogo" ></ion-img>
    <span (click)="show_result()" dataHere="France" class="text">France</span>
  </ion-card-header>

and in your ts file

 import {Router} from "@angular/router";
  ...
  ...
  constructor(private router:Router){}

show_result(){
this.router.navigate(["/tabs/result"],{
  queryParams: {
    data: your_data
  }
}); 
}

and in your result.page.ts file

 import {ActivatedRoute} from "@angular/router";
   ...
   ...
   constructor(private activatedRoute:ActivatedRoute){}
ionViewDidEnter(){
this.activatedRoute.queryParams.subscribe(params => {
    this.country_data = params['data'];
  });

}

But I don't recommend this work around. Instead use "service". Your can pass data from one page to another this way. Learn more about service in https://edupala.com/ionic-service/

回复收藏 0 原文

~没有更多了~