test

src/app/pages/notification/notification-page-routing.module.ts

@@ -6,7 +6,7 @@ const routes: Routes = [
   {
     path: '',
     component: NotificationPageComponent,
-  }
+  },
 ];
 
 @NgModule({

src/app/pages/notification/notification-page.component.html

@@ -2,7 +2,7 @@
     <div class="ui-g">
         <div class="ui-g-12">
             <div class="card no-margin">
-                <of-notification-container></of-notification-container>
+                <of-notification-container (pageChange)="onPageChange($event)"></of-notification-container>
             </div>
         </div>
     </div>

src/app/pages/notification/notification-page.component.ts

@@ -1,5 +1,6 @@
 import { Component, OnInit } from '@angular/core';
 import { BreadcrumbService } from '../../commons/service/breadcrumb.service';
+import { Router } from '@angular/router';
 
 
 @Component({
@@ -9,7 +10,8 @@ import { BreadcrumbService } from '../../commons/service/breadcrumb.service';
 export class NotificationPageComponent implements OnInit {
 
   constructor(
-    private breadcrumbService: BreadcrumbService
+    private breadcrumbService: BreadcrumbService,
+    private router: Router
   ) {
     breadcrumbService.setItems([
       { label: 'Notifications', routerLink: ['/notification'] },
@@ -19,4 +21,8 @@ export class NotificationPageComponent implements OnInit {
   ngOnInit() {
   }
 
+  onPageChange(pageNo: number) {
+    this.router.navigate(['/notification'], { queryParams: { page: pageNo } });
+  }
+
 }