Question

在第1页的Ionic应用程序中有一个按钮。通过此按钮，我正在调用名为myfunc（item.url）的函数。

<ion-item (click)="myfunc(item.url)">
        <ion-label color="primary"> Click here! </ion-label>
</ion-item>

myfunc（item.url）的功能如下：

myfunc(imageUrl:string) {
    this.nav.navigateForward('/page2/${imageUrl}');
}

在这里，我将第1页的网址以http://example.com/xyz的格式传递给第2页。

我面临的问题是，当我传递一个URL时，只有http:被存储在变量中。那就是我无法使用斜杠获取整个URL。

ngOnInit() {
    this.receivedUrl = this.activatedRoute.snapshot.paramMap.get('imageUrl');
    /* Expected Output: this.receivedUrl = "http://example.com/xyz" but 
       Obtained Output is: this.receivedUrl = "http:" */
}

请帮助我获取整个网址，而不仅仅是http：。预先谢谢你。

Answer 1

在作为URL传递之前对图像URL进行编码具有特殊字符，因此您无法获取整个图像URL

this.nav.navigateForward(`/page2/${encodeURI(imageUrl)}`);

如何通过离子的激活路由传递URL？

1 个答案: