Using URL's to navigate in Ionic 2

Ionic Framework ionic-v3
#14

Do you know an estimate on when it is going to be done?

#15

A stable angular version with the component router has released. When do you plan to integrate it?

2 Likes
#16

I would also love to know what the options / plans are for this. Don’t want to delve deep into the Angular Router if this will become a feature, before getting too far into my current app. URL navigation will be critical for it.

#17

Actually just found this:

Great if you are working on a PWA like me! And it sounds like it will be in the docs soon.

2 Likes
#18

Does the latest build support url routing ? It’s really painful to go back to the home page in the live reload every time my code changes…

2 Likes
#19

Oh, just noticed there is a deep linker to use here:

Thanks

#20

It seems straightforward but I got “invalid page component: Null” with below. Idea?

http://localhost:8100/#/housedetail/1111

export const deepLinkConfig: DeepLinkConfig = {
links: [
{ component: TabsPage, name: ‘home’, segment: ‘home’ },
{ component: HouseDetailPage, name: ‘detail’, segment: ‘housedetail/:id/:list’, defaultHistory: [ TabsPage ] }
]
};

imports: [
IonicModule.forRoot(MapleApp, {

},deepLinkConfig),
CloudModule.forRoot(cloudSettings),

],

2 Likes
#21

Any update on this please?How to do url based navigation?

2 Likes
#22

I am also looking for some examples on using URL based navigation for ionic 2. Any chance you can update the conference app to include this?

1 Like
#23

@adrianteh Have you please managed to get deep linking working with push notifications? Thanks!

#24

Can you please provide code sample for Ionic 2 App that works as PWA and show url also?I tried creating but url does not get changed.

Thanks in advance.

1 Like
#25

Any update on this i have tried deep link but don’t think this is what i am looking for as this seems to be more focused on linking to parts of your app from external websites.

#26

As long as you use the hash strategy this should allow navigation from a url at app start. If you do not use the hash strategy you will need a custom server to handle url redirection.

ngAfterViewInit() {
this.login.getUser().then(user => {
this.nav.setRoot(this.nav._linker.segments[0].name).catch(err =>{
this.nav.setRoot(HomePageComponent);
});
}).catch(err => {
this.nav.setRoot(HomePageComponent);
});
}

#27

Hi, any update about it? thanks

#28

any update? I’m building a PWA that must support pathlocation and not hashlocation.
Also, the ionic serve is displaying Cannot get /list with deeplink enabled.

#29

HI! with the new post about using Ionic as Desktop the need for url parsing is a really important thing.
Do you have any example of to accomplish that?
Thanks!

1 Like
#30

Does anyone knows if it is possible to use secondary routes with Deeplink? I created another topic that explains the challenge and would appreciate any help:

#31

Any updates? Without secondary routes nothing to talk about scalable complex applications IMO.

#32

@vtulin What do you use secondary routes for please? This sounds oddly like Ionic V1.

#33

@FrancoisIonic For example to manage some entities:
/entity/:type - list of entites with type :type;
/entity/:type/:id - entity instance view;
/entity/:type/add - new entity instance;
…