I followed the docs to get a working demo app (blank) and now I want to replace the page content with an existing web page I’ve already built.
So I found src/app/app.component.ts, which looks like this:
import { Component } from '@angular/core';
import { Platform } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';
import { HomePage } from '../pages/home/home';
@Component({
templateUrl: 'sk8border/index.html'
})
export class MyApp {
rootPage:any = HomePage;
constructor(platform: Platform, statusBar: StatusBar, splashScreen: SplashScreen) {
platform.ready().then(() => {
// Okay, so the platform is ready and our plugins are available.
// Here you can do any higher level native things you might need.
statusBar.styleDefault();
splashScreen.hide();
});
}
}
I naively tried replacing:
templateUrl: 'app.html'
with:
templateUrl: 'mypage/index.html'
and of course this didn’t work and I got a page of error messages telling me I need to do some ionic-angular specific stuff in that web page.
Is there any relatively simple way to just use my web page content here? I’m looking for the quickest, easiest solution, not necessarily the “best” solution. I realize most of this angular boilerplate probably isn’t needed but I’m fine with whatever as long as my app works! 