add recipe component

This commit is contained in:
bastien ollier
2024-06-14 14:21:56 +02:00
parent b7f6487ad3
commit 4c9548f9af
6 changed files with 49 additions and 3 deletions

View File

@@ -1 +1,3 @@
Tiramisu
<router-outlet></router-outlet>

View File

@@ -1,10 +1,10 @@
import { Component } from '@angular/core';
import { RouterOutlet } from '@angular/router';
import { RouterOutlet, RouterLink, RouterLinkActive } from '@angular/router';
@Component({
selector: 'app-root',
standalone: true,
imports: [RouterOutlet],
imports: [RouterOutlet, RouterLink, RouterLinkActive],
templateUrl: './app.component.html',
styleUrl: './app.component.css',
})

View File

@@ -1,3 +1,6 @@
import { Routes } from '@angular/router';
import {RecipeComponent} from './recipe/recipe.component'
export const routes: Routes = [];
export const routes: Routes = [
{ path: 'recipe/:id', component: RecipeComponent}
];

View File

@@ -0,0 +1 @@
<p>recipe works!</p>

View File

@@ -0,0 +1,23 @@
import { ComponentFixture, TestBed } from '@angular/core/testing';
import { RecipeComponent } from './recipe.component';
describe('RecipeComponent', () => {
let component: RecipeComponent;
let fixture: ComponentFixture<RecipeComponent>;
beforeEach(async () => {
await TestBed.configureTestingModule({
imports: [RecipeComponent]
})
.compileComponents();
fixture = TestBed.createComponent(RecipeComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});

View File

@@ -0,0 +1,17 @@
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-recipe',
standalone: true,
imports: [],
templateUrl: './recipe.component.html',
})
export class RecipeComponent {
@Input()
set id(id: string) {
}
}