demo(app): added output's event for ngx-material-pages

Author: AnthonyNahas

demo/src/app/getting-started/getting-started.component.html

@@ -6,7 +6,9 @@ <h1>Getting Started</h1>
 
 <section class="getting-started">
   <div class="container">
-    <ngx-material-pages title="ngx-material-pages">
+    <ngx-material-pages title="ngx-material-pages"
+                        (pageChanged)="onPageChanges($event)"
+                        (done)="onLastPageReached()">
       <!--1-->
       <ngx-material-page-loader>
         <ngx-material-page-outlook title="Setup Development Environment">

demo/src/app/getting-started/getting-started.component.ts

@@ -151,6 +151,10 @@ export class GettingStartedComponent implements OnInit {
     });
   }
 
+  onPageChanges($event) {
+    console.log('page changed - current index: ', $event);
+  }
+
   onLastPageReached() {
     this.snackBar.open('Awesome! You\'re done!', 'OK', {
       duration: 3000