F7, Routes and passing params?

Mobile Apps
1

Okay, simple thing:

  1. In a Framework7 app, how to pass a param from one page to the other?
  2. How to recieve the param on the target page?

I’ve set a route to a profile page, /profile/:user_id, attached to a page:
CleanShot 2023-02-11 at 14.18.21

Now in my user list page, I want to link to the profile page, passing the user id. I followed the Tutorial by @Teodor to pass params (he used a variable):
CleanShot 2023-02-11 at 14.19.31

The user id is passed from a repeat / api result:

CleanShot 2023-02-11 at 14.20.33
CleanShot 2023-02-11 at 14.20.33886×587 57.1 KB

Problem: the links are not working, the id is not passed:

CleanShot 2023-02-11 at 14.23.02
CleanShot 2023-02-11 at 14.23.02854×126 29.7 KB

The code looks like this:
<a class="item-link" internal dmx-bind:href="'/profile/'+app.main.home.f7ptr1.repeat1[0].id">

Next challenge: how to access the parameter in the following / target page?
According to the documentation, I should see the param in the route, but my route is empty:

CleanShot 2023-02-11 at 14.25.02

Thank you!

2

If your link is in the repeat region this part:

app.main.home.f7ptr1.repeat1[0].id

should be just:

id
3

Okay, this seems to change the code.:
CleanShot 2023-02-11 at 14.44.16

Is this a bug or something I did wrong? Just used the picker from the UI, as described in your tutorial)

Unfortunately, the link isn’t firing.
CleanShot 2023-02-11 at 14.43.30

…and again, how the get the id on the target page?

4

This is available under Params in the data picker on the content page.

5

Nope, nothing.
CleanShot 2023-02-11 at 18.32.56

Is this different for Framework7 content pages?

And why is the link not firing?

6

Okay, work around is to use {{route.params.user_id}}, not sure where exactly I went wrong with the query params.