pull/2/head
Clément FRÉVILLE 4 months ago
parent 4df1af17d4
commit 1d4f1396b8

@ -8,12 +8,11 @@ import { RecipeService } from './recipe.service';
imports: [RouterOutlet, RouterLink, RouterLinkActive], imports: [RouterOutlet, RouterLink, RouterLinkActive],
templateUrl: './app.component.html', templateUrl: './app.component.html',
styleUrl: './app.component.css', styleUrl: './app.component.css',
providers: [RecipeService] providers: [RecipeService],
}) })
export class AppComponent { export class AppComponent {
title = 'tiramisu'; title = 'tiramisu';
constructor(protected recipes: RecipeService) { constructor(protected recipes: RecipeService) {
} }
} }

@ -1,10 +1,10 @@
import { ApplicationConfig, provideZoneChangeDetection } from '@angular/core'; import { ApplicationConfig } from '@angular/core';
import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
import { provideRouter } from '@angular/router'; import { provideRouter } from '@angular/router';
import { withComponentInputBinding } from '@angular/router'; import { withComponentInputBinding } from '@angular/router';
import { provideAnimationsAsync } from '@angular/platform-browser/animations/async';
import { routes } from './app.routes'; import { routes } from './app.routes';
export const appConfig: ApplicationConfig = { export const appConfig: ApplicationConfig = {
providers: [provideRouter(routes, withComponentInputBinding()), provideAnimationsAsync(), provideAnimationsAsync()] providers: [provideRouter(routes, withComponentInputBinding()), provideAnimationsAsync()],
}; };

@ -20,11 +20,8 @@ export class RecipeService {
{ id: 11, name: 'crepe12', description: 'La meilleure recette de pâte à crêpes', image: '', ingredients: [] }, { id: 11, name: 'crepe12', description: 'La meilleure recette de pâte à crêpes', image: '', ingredients: [] },
{ id: 12, name: 'crepe13', description: 'La meilleure recette de pâte à crêpes', image: '', ingredients: [] }, { id: 12, name: 'crepe13', description: 'La meilleure recette de pâte à crêpes', image: '', ingredients: [] },
{ id: 13, name: 'crepe14', description: 'La meilleure recette de pâte à crêpes', image: '', ingredients: [] }, { id: 13, name: 'crepe14', description: 'La meilleure recette de pâte à crêpes', image: '', ingredients: [] },
]; ];
constructor() {}
getAll(): Recipe[] { getAll(): Recipe[] {
return this.#recipes; return this.#recipes;
} }

@ -1,6 +1,7 @@
import { Component, Input } from '@angular/core'; import { Component, Input } from '@angular/core';
import { Recipe } from '../../cookbook/type'; import { Recipe } from '../../cookbook/type';
import { RecipeService } from '../recipe.service'; import { RecipeService } from '../recipe.service';
@Component({ @Component({
selector: 'app-recipe', selector: 'app-recipe',
standalone: true, standalone: true,
@ -17,5 +18,4 @@ export class RecipeComponent {
constructor(protected recipes: RecipeService) { constructor(protected recipes: RecipeService) {
} }
} }

@ -1,9 +1,9 @@
import {Component, ViewChild,} from '@angular/core'; import { AfterViewInit, Component, ViewChild } from '@angular/core';
import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator'; import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
import { MatTableDataSource, MatTableModule } from '@angular/material/table'; import { MatTableDataSource, MatTableModule } from '@angular/material/table';
import { RecipeService } from '../recipe.service'; import { RouterLink } from '@angular/router';
import {RouterLink} from '@angular/router'
import { Recipe } from '../../cookbook/type'; import { Recipe } from '../../cookbook/type';
import { RecipeService } from '../recipe.service';
@Component({ @Component({
selector: 'app-recipes', selector: 'app-recipes',
@ -11,7 +11,7 @@ import { Recipe } from '../../cookbook/type';
imports: [MatTableModule, MatPaginatorModule, RouterLink], imports: [MatTableModule, MatPaginatorModule, RouterLink],
templateUrl: './recipes.component.html', templateUrl: './recipes.component.html',
}) })
export class RecipesComponent { export class RecipesComponent implements AfterViewInit {
displayedColumns: string[] = ['id', 'name', 'description', 'image']; displayedColumns: string[] = ['id', 'name', 'description', 'image'];
dataSource = new MatTableDataSource<Recipe>(); dataSource = new MatTableDataSource<Recipe>();
@ -19,11 +19,10 @@ export class RecipesComponent {
this.dataSource = new MatTableDataSource<Recipe>(recipes.getAll()); this.dataSource = new MatTableDataSource<Recipe>(recipes.getAll());
} }
@ViewChild(MatPaginator) paginator!: MatPaginator; @ViewChild(MatPaginator)
paginator!: MatPaginator;
ngAfterViewInit() { ngAfterViewInit() {
this.dataSource.paginator = this.paginator; this.dataSource.paginator = this.paginator;
} }
} }

Loading…
Cancel
Save