added a "hello" component that opens a pop over

src/components/components.module.ts

@@ -3,9 +3,14 @@ import { MusicCardComponent } from './music-card/music-card'
 import { MusicItemComponent } from './music-item/music-item'
 import {IonicModule}  from 'ionic-angular'
 import { PipesModule } from '../pipes/pipes.module'
+import { PopoverModule } from './popover/popover.module'
+import { PopoverComponent } from './popover/popover'
+import { HelloComponent } from "./hello/hello";
+
 @NgModule({
-  declarations: [MusicCardComponent, MusicItemComponent],
-  imports: [PipesModule, IonicModule],
-  exports: [MusicCardComponent, MusicItemComponent]
+  declarations: [MusicCardComponent, MusicItemComponent, HelloComponent],
+  imports: [PipesModule, IonicModule, PopoverModule],
+  exports: [MusicCardComponent, MusicItemComponent, HelloComponent],
+  entryComponents: [PopoverComponent]
 })
 export class ComponentsModule { }

src/components/hello/hello.html

@@ -0,0 +1,3 @@
+<a (click)="openPopover()">
+Click me to see a popover
+</a>

src/components/hello/hello.scss

@@ -0,0 +1,3 @@
+hello {
+
+}

src/components/hello/hello.ts

@@ -0,0 +1,15 @@
+import { Component } from '@angular/core';
+import { PopoverComponent } from '../popover/popover'
+import { PopoverController } from 'ionic-angular';
+@Component({
+  selector: 'hello',
+  templateUrl: 'hello.html'
+})
+export class HelloComponent {
+  constructor(private popoverCtrl: PopoverController) {
+  }
+
+  openPopover() {
+    this.popoverCtrl.create(PopoverComponent).present();
+  }
+}

src/components/popover/popover.module.ts

@@ -0,0 +1,10 @@
+import { NgModule } from '@angular/core';
+import { PopoverComponent } from './popover'
+
+@NgModule({
+  declarations: [ PopoverComponent],
+  imports: [ ],
+  exports: [PopoverComponent],
+  entryComponents: [PopoverComponent],
+})
+export class PopoverModule { }

src/components/popover/popover.ts

@@ -0,0 +1,5 @@
+import { Component } from '@angular/core';
+@Component({
+  template: '<h1>Hello</h1>'
+})
+export class PopoverComponent {}

src/pages/home/home.html

@@ -14,4 +14,5 @@
 <ion-content padding>
   <music-item navPush="DetailPage" *ngFor="let track of tracks" [navParams]="{'track': track}" [track]="track"></music-item>
   <button ion-button block logEvnt>Tap me and check the console</button>
+  <hello></hello>
 </ion-content>