I am creating app as well as website using ionic 3. i wanted to setup deep links for website.
I got reference from https://ionicframework.com/docs/nightly/api/navigation/IonicPage/ about how it is done.
So i added below code in my child page.
@IonicPage({
name:'GlobalSearchPage',
segment:'search',
})
it works nicely. when i hit search button. my url becomes, http://localhost:8101/#/search
I am having below three issues regarding deep links:
-
when I press the ionic nav back button from search Page, it does take me to parent page (in my case home page) but the url doesn’t change. instead of http://localhost:8101/, it still remains http://localhost:8101/#/search.
-
even though it is written in the document that we can directly navigate to the url- it doesn’t work. when i directly navigate using - http://localhost:8101/#/search. search page loads for a brief second and then it goes back to homePage(which is parent page in this case)
-
is there a way to remove # sign from the navigation.
Please let me know, how can i implement navigation for desktop version.
below is ionic info for my ionic project:
cli packages:
@ionic/cli-utils : 1.19.0
ionic (Ionic CLI) : 3.19.0global packages:
cordova (Cordova CLI) : 7.0.1
local packages:
@ionic/app-scripts : 3.1.5 Cordova Platforms : browser 4.1.0 Ionic Framework : ionic-angular 3.9.2
System:
Android SDK Tools : 26.0.2 Node : v6.9.5 npm : 3.10.10 OS : Windows 10
Environment Variables:
ANDROID_HOME : C:\Users\username\AppData\Local\Android\sdk
Misc:
backend : legacy
Thanks in advance.