to give you an overview of what i'm doing, i have a ionic mobile application that uses firebase as its database . One of its features that im implementing is local notifications. Here are my codes
HTML CODE

<button ion-button full (click)="scheduleNotification()">schedule</button>
   <button ion-button full (click)="scheduleNotification2()">schedule</button>

so this is the html code where in there a button allowing you to click or schedule a notification
TYPESCRIPT CODE

import { Component } from '@angular/core';
      import { NavController, Platform} from 'ionic-angular';
      import { LocalNotifications } from '@ionic-native/local-notifications';
    @Component({
    selector: 'page-home',
     templateUrl: 'home.html'
   })
    export class HomePage {

    constructor(public navCtrl: NavController, private 
    localNotif:LocalNotifications, private platform:Platform) {

     }

    scheduleNotification() {
     this.platform.ready().then(()=>{
      this.localNotif.schedule({
    
        title:'Attention',
        text:'Rk notification',
        at: new Date(new Date().getTime() + 1 * 5000),
       
      });
      });
    }
     
     scheduleNotification2() {
     this.platform.ready().then(()=>{
      this.localNotif.schedule({
    
        title:'Attention',
        text:'Rk notification',
        at: new Date(new Date().getTime() + 1 * 5000),
       
      });
      });
    }

  
}

so the problem here is that, when i click both buttons for the notification to pop out , it only overrides the other. so it only displays one notification. i wanted to display both without overiding. how do i do that?