import { Component } from '@angular/core';chrisundercoffer

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent  {
  name = 'Angular';

  addPage() {
    //Code here to move to add page
  }
  submitSearch() {
    //Code here to submit search
  }
  shoppingCart() {
    //Code here to move to shopping cart
  }
}
Updated main page to include just the top navigation

1 files changed, 14 insertions, 9 deletions

diff --git a/recipeBuddy/src/app/main-page/main-page.component.ts b/recipeBuddy/src/app/main-page/main-page.component.ts
index 7fadd1c..60e3acc 100644
--- a/recipeBuddy/src/app/main-page/main-page.component.ts
+++ b/recipeBuddy/src/app/main-page/main-page.component.ts
@@ -1,15 +1,20 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
 @Component({
-  selector: 'app-main-page',
-  templateUrl: './main-page.component.html',
-  styleUrls: ['./main-page.component.css']
+  selector: 'my-app',
+  templateUrl: './app.component.html',
+  styleUrls: [ './app.component.css' ]
 })
-export class MainPageComponent implements OnInit {
+export class AppComponent  {
+  name = 'Angular';
 
-  constructor() { }
-
-  ngOnInit() {
+  addPage() {
+    //Code here to move to add page
+  }
+  submitSearch() {
+    //Code here to submit search
+  }
+  shoppingCart() {
+    //Code here to move to shopping cart
   }
-
 }