Add new component in agenda

src/app/shared/event/attendee-modal/attendee-modal.page.ts

@@ -2,7 +2,6 @@ import { Component, EventEmitter, OnInit, Output } from '@angular/core';
 import { ModalController } from '@ionic/angular';
 import { ContactsService } from 'src/app/services/contacts.service';
 import { EventPerson } from 'src/app/models/eventperson.model';
-import { ThrowStmt, removeSummaryDuplicates } from '@angular/compiler';
 
 @Component({
   selector: 'app-attendee-modal',
@@ -19,22 +18,21 @@ export class AttendeeModalPage implements OnInit {
 
   @Output() openAttendeesComponent = new EventEmitter<any>();
   
-
   ngOnInit() {
     this.fetchContacts("");
   }
 
   save(){
-    this.modalCtrl.dismiss(
-      this.contacts.filter(function(contact) {
+    
+    this.openAttendeesComponent.emit(this.contacts.filter(function(contact) {
       return contact.IsRequired == true;
-    })
-    );
+    }));
+
   }
 
   close(){
     // this.modalCtrl.dismiss(null);
-    this.openAttendeesComponent.emit();
+    this.openAttendeesComponent.emit(false);
   }
 
   onChange(evt: any) {
@@ -67,4 +65,4 @@ export class AttendeeModalPage implements OnInit {
     );
   }
 
-}
+}

src/app/shared/event/attendees/attendees.page.ts

@@ -1,4 +1,4 @@
-import { Component, EventEmitter, OnInit, Output } from '@angular/core';
+import { Component, EventEmitter, Input, OnInit, Output } from '@angular/core';
 import { EventPerson } from 'src/app/models/eventperson.model';
 import { EventsService } from 'src/app/services/events.service';
 import { ModalController, NavController } from '@ionic/angular';
@@ -11,13 +11,15 @@ import { ModalController, NavController } from '@ionic/angular';
 })
 export class AttendeesPage implements OnInit {
 
-  eventAttendees: EventPerson[];
+  
   segment:string = "true";
   shouldShowCancel:boolean = true;
 
   searchCountryString = ''; // initialize your searchCountryString string empty
 
   @Output() openAttendeeModal = new EventEmitter<any>();
+  @Output() openAddEvent  = new EventEmitter<any>();
+  @Input() eventAttendees: EventPerson[];
 
   
   constructor(private eventService: EventsService, private modalCtrl: ModalController, 
@@ -29,11 +31,13 @@ export class AttendeesPage implements OnInit {
   }
 
   save(){
+    this.openAddEvent.emit();
     // this.modalCtrl.dismiss(this.eventAttendees);
   }
 
   close(){
     // this.modalCtrl.dismiss(null);
+    this.openAddEvent.emit();
   }
 
   removeAttendee(attendee: EventPerson)