menu service

src/app/components/card-menu/card-menu.component.html

@@ -1 +1,5 @@
-<p>card-menu works!</p>
+<div class="menu">
+<div *ngFor="let menu of listMenus">
+  <p>{{ menu.dateMenu }} {{ menu.libelle }}</p>
+</div>
+</div>

src/app/components/card-menu/card-menu.component.scss

@@ -0,0 +1,3 @@
+.menu {
+  margin-left: 500px;
+}

src/app/components/card-menu/card-menu.component.ts

@@ -1,4 +1,9 @@
 import { Component, OnInit } from '@angular/core';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Menu } from 'src/app/models/menu';
+import { MenusService } from 'src/app/services/menus.service';
+
+
 
 @Component({
   selector: 'app-card-menu',
@@ -6,10 +11,23 @@ import { Component, OnInit } from '@angular/core';
   styleUrls: ['./card-menu.component.scss']
 })
 export class CardMenuComponent implements OnInit {
+public listMenus:any[];
 
-  constructor() { }
+  constructor(
+    private menusService: MenusService,
+    private router: Router,
+    private route: ActivatedRoute
+  ) {
+    this.listMenus=[];
+   }
 
   ngOnInit(): void {
+//affichage des menus d'une team
+this.menusService.getMenu()?.subscribe((listMenus: any[])=>{
+  console.log(listMenus);
+  this.listMenus=listMenus;
+});
+
   }
 
 }