Have a list inside of a modal window


#1

I have created a page with a list. It works great. I then tried to add a list to a modal window, but nothing shows up for the list. Other components show up, but the list does not.

 @Page({
 templateUrl: 'build/pages/myModalPage/myModalPage.html'
 })
 class MyModal {
 constructor(viewCtrl: ViewController) {
 this.viewCtrl = viewCtrl;


        this.items = ['flask', 'wifi', 'beer', 'football', 'basketball', 'paper-plane',
            'american-football', 'boat', 'bluetooth', 'build'];
  


 }

Then the HTML:

ion-content class="getting-started"

 ion-scroll scrollX="false" scrollY="true"
ion-list

ion-card *ngFor="#item of items"

  ion-item
    h2 {{item.title}}/h2
    p{{item.note}}/p
  /ion-item

  ion-card-content
  pWait a minute. Wait a minute, Doc. Uhhh... Are you telling me that you built a time machine... out of a DeLorean?! Whoa. This is heavy./p
  /ion-card-content

/ion-card

  </ion-list>
</ion-scroll>
</ion-content>