Ionic navigation -doesnt work properly


#1

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:

  1. 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.

  2. 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)

  3. 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.0

global 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.


#2

Current version 3.9.2 docs are at https://ionicframework.com/docs/api/navigation/IonicPage/.


#3

@Sujan12 the documentation is same. I have followed same steps. Its still not working.