Ya funcionan las imagenes

Author: JLRR2019

frontend/src/app/components/news/news.component.html

@@ -26,8 +26,8 @@ <h1 class="fw-bolder fs-5 mb-4">Noticias destacadas</h1>
 <section class="py-5">
   <div class="container px-5">
     <h2 class="fw-bolder fs-5 mb-4">Noticias que te pueden interesar.</h2>
-    <div id="moreImages" class="row gx-5" *ngFor="let ng of news">
-      <newsTemplate></newsTemplate>
+    <div id="moreImages" class="row gx-5">
+      <newsTemplate class="col-lg-4 mb-5" *ngFor="let ng of news" [news]="ng"></newsTemplate>
     </div>
     <div class="text-end mb-5 mb-xl-0">
       <a class="text-decoration-none" href="#!">

frontend/src/app/components/news/newsTemplate.component.html

@@ -1,5 +1,5 @@
 <!--llamamos a news de tipo News, cargamos el constructor-->
-<div class="col-lg-4 mb-5">
+
   <div class="card h-100 shadow border-0">
     <!--la imagen-->
     <img class="card-img-top" [src]="newsImage()" alt="..." />
@@ -21,5 +21,5 @@ <h5 class="card-title mb-3" style="color: black;">{{news?.title}}</h5>
       </div>
     </div>
   </div>
-</div>
+
 

frontend/src/app/components/news/newsTemplate.component.ts

@@ -13,8 +13,8 @@ import { NewsService } from 'src/app/services/news.service';
 //const id = activatedRoute.snapshot.params['id'];
 export class NewsTemplateComponent{
 
-  @Input()id!: number;
-  news!: News;
+  @Input() id!: number; //para que se vea en el padre, poner input, fin
+  @Input() news!: News;
 
     constructor(public newsService: NewsService, activatedRoute: ActivatedRoute, private router: Router){