我想將值傳遞給另一個組件例如：國家名稱，并將其用于另一個組件
我制作了這樣的鏈接，我想將值“France”發送到另一個組件（通過 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>
我怎樣才能做到這一點 ？
uj5u.com熱心網友回復：
在你的 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>
并在您的 ts 檔案中
import {Router} from "@angular/router";
...
...
constructor(private router:Router){}
show_result(){
this.router.navigate(["/tabs/result"],{
queryParams: {
data: your_data
}
});
}
在你的 result.page.ts 檔案中
import {ActivatedRoute} from "@angular/router";
...
...
constructor(private activatedRoute:ActivatedRoute){}
ionViewDidEnter(){
this.activatedRoute.queryParams.subscribe(params => {
this.country_data = params['data'];
});
}
但我不推薦這種解決方法。而是使用“服務”。您可以通過這種方式將資料從一個頁面傳遞到另一個頁面。在https://edupala.com/ionic-service/中了解有關服務的更多資訊
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/487822.html
標籤：javascript 离子框架 超链接 路由器链接
下一篇：來自父母的角度組件自定義樣式