subscribe function doesn't work courtly : in this peace  of code subscribe  function Execute after the last line in loadFromDB function



<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-js -->

      loadFromDB(){
        const loading = this.loadingCtrl.create({
          content: 'pleas wait'
        });
        loading.present();
        this.getInterviewFromDB()
          .subscribe((data) => {
            this.events = data;
            console.log( 'before');
          });
        this.getMeetingsFromDB().subscribe((data)=>{
          this.events.concat(data);
        });
        loading.dismiss();

        console.log( 'after');
      }

<!-- end snippet -->

`

 the loading is present and dismiss before loading any data from database
and this is the output of the log

[![enter image description here][1]][1]
 illustrates that line under the subscribe function Execute after the console.log inside it ...can any body explain to me .. ?! 


  [1]: https://i.stack.imgur.com/0eoif.png