import { Component } from '@angular/core' ; import { PopoverController } from '@ionic/angular' ; import { PopoverPage } from '../about-popover/about-popover' ; @ Component ( { selector : 'page-about' , templateUrl : 'about.html' , styleUrls : [ './about.scss' ] , } ) export class AboutPage { location = 'madison' ; conferenceDate = '2047-05-17' ; selectOptions = { header : 'Select a Location' } ; constructor ( public popoverCtrl ) { } async presentPopover ( event ) { const popover = await this . popoverCtrl . create ( { component : PopoverPage , event } ) ; await popover . present ( ) ; } }