add navigate to add-announcement-page

Author: dkarski

src/app/main-wall/containers/add-announcement-page/add-announcement-page.component.ts

@@ -5,6 +5,7 @@ import { Component, OnInit } from '@angular/core';
   templateUrl: './add-announcement-page.component.html',
   styleUrls: ['./add-announcement-page.component.scss']
 })
+
 export class AddAnnouncementPageComponent implements OnInit {
 
   constructor() { }

src/app/main-wall/containers/main-wall-page/main-wall-page.component.html

@@ -1,3 +1 @@
-<p>
-  main-wall-page works!
-</p>
+<button (click)="OnAddAnnouncement()" >add announcement !</button>

src/app/main-wall/containers/main-wall-page/main-wall-page.component.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import {Router, ActivatedRoute} from '@angular/router';
 
 @Component({
   selector: 'main-wall-page',
@@ -7,9 +8,15 @@ import { Component, OnInit } from '@angular/core';
 })
 export class MainWallPageComponent implements OnInit {
 
-  constructor() { }
+  constructor(private router:Router,
+              private route:ActivatedRoute) { }
 
   ngOnInit() {
+
+  }
+
+  OnAddAnnouncement(){
+    this.router.navigate(['../add-announcement'], { relativeTo: this.route })
   }
 
-}
+}