Thanks to the comments, I succeed to achieve what I wanted.
I created a new component called event. I now have a event.component.ts :
import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'app-event',
templateUrl: './event.component.html',
styleUrls: ['./event.component.css']
})
export class EventComponent implements OnInit {
@Input() event: Event;
constructor() { }
ngOnInit() {
}
}
I set the template of this component as the one that I want to reuse everywhere.
Then, in my events-list.component.ts, I can use :
It is perfect !