Ionic DeepLinker for lazy loaded page

Ionic Framework ionic-v3
1

I am trying to implement ionic deeplinker in my app. I am trying to make it work with pages that are in it’s own module i.e, lazy loaded page.

Here is what I have in app.module.ts

IonicModule.forRoot(MyApp,{},{
  links:[
    { component: HomePage, name: 'Home', segment: 'home' },
    { component: DemoPage, name: 'Demo', segment: 'demo/:postId' ,defaultHistory: [HomePage]  },
    { component: 'OtherPage', name: 'Other', segment: 'Other' ,defaultHistory: [HomePage]  },
]

Note that otherpage is in quotes. I want to lazy load it.

The other.module.ts is as follows.

import { NgModule } from '@angular/core';
import { IonicPageModule } from 'ionic-angular';
import { OtherPage } from './other';

@NgModule({
  declarations: [
    OtherPage,
  ],
  imports: [
    IonicPageModule.forChild(OtherPage),
  ],
})
export class OtherPageModule {}

How to I achive lazy loading and deeplinking.

Note here that I am using the tabs template.Here is an issue on github on tabs not working with deeplinking

Thanks