Bootstrap Ionic `<ion-app></ion-app>` in custom Angular component


#1

0
down vote
favorite
I want to bootstrap the Ionic application inside a custom Angular module.

Where the Ionic project needs following on the Index.htmlpage:

<!-- Ionic's root component and where the app will load -->
<ion-app></ion-app>

What I want to do is create a custom Angular component and bootstrap it inside the component.

Something like :

Custom module custom-ionic-bootstrap

import { Component } from '@angular/core';

@Component({
  selector: 'custom-ionic-bootstrap',
  templateUrl: './custom.ionic.bootstrap.component.html',
})

export class AppComponent {      
}

Inside the custom.ionic.bootstrap.component.html I’ll have :

<ion-app></ion-app>

Any tips if this is possible? And how I can manage?