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


down vote
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 -->

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';

  selector: 'custom-ionic-bootstrap',
  templateUrl: './custom.ionic.bootstrap.component.html',

export class AppComponent {      

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


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