@Page extending abstract class => Wrong template loaded


#1

Hi, i’m facing a problem with the architecture of my app using ionic2.
I got a rootPage which is a TabsPage with 2 tabs :
1: NextShowsTabPage
2: TVShowsTabPage

Theses 2 pages extends GenericTabPage.

@Injectable()
export abstract class GenericTabPage {
}

@Page({
    templateUrl: './build/pages/tvshows/tvshows.html',
    pipes: [[TranslatePipe]],
    providers: [TVShowsProvider]
})
export class TVShowsTabPage extends GenericTabPage {
}

@Page({
    templateUrl: './build/pages/nextshows/nextshows.html',
    providers: [NextTVShowsProvider],
    pipes: [[TranslatePipe]]
})
export class NextShowsTabPage extends GenericTabPage {
}

The problem is:
When “NextShowsTabPage” is loaded, the template “./build/pages/tvshows/tvshows.html” is loaded, and the second tab doesn’t work.

I’ve tried to remove the extends, and the right template is loaded …

Do you know how to fix this issue ?

Thank


#2

i have the same issue when extending other page to other, please any help?

class PageA  // working fine
class PageB extends PageA // then i extend PageA
class PageA // after being extended, it load template PageB instead of PageA

#3

Which version of Ionic did you use ?
I’ve tried on a fresh project using beta6 and it seems it work fine …


#4

Cordova CLI: 6.1.1
Gulp version: CLI version 3.9.0
Gulp local: Local version 3.9.1
Ionic Framework Version: 2.0.0-beta.6
Ionic CLI Version: 2.0.0-beta.25
Ionic App Lib Version: 2.0.0-beta.15
OS: Distributor ID: LinuxMint Description: Linux Mint 17.3 Rosa
Node Version: v4.4.3

my problem is the extended (parent) page is loaded the extending page (child)