replace href by routerLink

translation
remrem 12 months ago
parent c6141226a2
commit e3533445d2

@ -6,6 +6,6 @@
<div class="recipe-details"> <div class="recipe-details">
<h2>{{ recipe.name }}</h2> <h2>{{ recipe.name }}</h2>
<p>{{ recipe.description | truncate:50:false }}</p> <p>{{ recipe.description | truncate:50:false }}</p>
<a href="/recipe/{{ recipe.id }}">{{ 'recipe.see' | transloco }}</a> <a [routerLink]="['/recipe', recipe.id]">{{ 'recipe.see' | transloco }}</a>
</div> </div>
</div> </div>

@ -3,11 +3,12 @@ import { Recipe } from '../../model/recipe.model';
import { Input } from '@angular/core'; import { Input } from '@angular/core';
import { TruncatePipe } from '../../pipes/truncate.pipe'; import { TruncatePipe } from '../../pipes/truncate.pipe';
import { TranslocoPipe } from '@jsverse/transloco'; import { TranslocoPipe } from '@jsverse/transloco';
import { RouterModule } from '@angular/router';
@Component({ @Component({
selector: 'app-recipe-mini', selector: 'app-recipe-mini',
standalone: true, standalone: true,
imports: [TruncatePipe, TranslocoPipe], imports: [TruncatePipe, TranslocoPipe, RouterModule],
templateUrl: './recipe-mini.component.html', templateUrl: './recipe-mini.component.html',
styleUrl: './recipe-mini.component.css' styleUrl: './recipe-mini.component.css'
}) })

Loading…
Cancel
Save