When I navigate to my ProgramPage, the browser URL is changed correctly and I can navigate to the ProgramPage directly by navigation to http://mydomain/program.
ProgramDetailPage is a Tabs page and contains 3 different tabs. When I navigate to the ProgramDetailPage, the URL is reset to the site root (/).
This is probably because the Tabs object defines it’s own Navigation controller.
works well since PartnerDetailPage is not a Tabs page, but a regular one.
Question
How can I let the Tabs page play well with DeepLinker? I actually don’t need Tabs to have more fine-grained control over the URL. Having the ability to define more segments within the tabs (a segment for each tab) would be nice, but not necessary. I could do with one URL for the entire Tabs page.
Ok, got it to work in a way.
The only combination I got it to work with was by defining the tabs itself in the DeepLinker config itself, and also set the tabUrlPath on the tab element.
So for example I now have the following DeepLinker configuration:
In my DeepLinker config I define empty strings as segments, to prevent a /program/<id>/info/info to happen. This feels like trickery a bit so surely there must be a better solution – or it is a bug in the DeepLinker itself.
Interesting work around, leaving segment blank and letting tabUrlPath be the desired name. Yeah that’s not ideal. I filed an issue. I hope someone looks at this.
@xinbenlv please comment on the Github issue. If enough people make noise, they will prioritize it. For me, this is a release blocking bug. I’m going to have to code all sorts of hacky JS to work around it while waiting for them to address it.
Hello @morrisonbrett, thanks for filing an issue for this.
Last couple of days I have been pretty pre-occupied with other things, I will dive into this soon and leave my comment/findings/noise there as well
I code my entire app only to be brought to this bug. In 2018 this is still an issue and ionic team is focused on its latest release v4 with stencilsjs and capacitor.