role-occurence.component.html

<div class="piece"
[matTooltip]="translate.instant('occurence_tooltip')"
matTooltipPosition="before" [matTooltipDisabled]="!tooltipService.activatedTooltips">
    <div class="piece-form">
        <div class="piece-title">{{'occurence_title' | translate}}</div>
        <div class="piece-form-occurrence" *ngFor="let occurence of role.occurences, let i = index">
            <div class="piece-form-occurrence-text">
                <input type="number" [(ngModel)]="occurence.iteration" (change)="editTrace($event,'Occurrence_['+i+']_nbRole')"/>
                <label> {{'occurence_between' | translate}} </label>
                <input type="number" [(ngModel)]="occurence.min" (change)="editTrace($event,'Occurrence_['+i+']_playersMin')"/>
                <label> {{'occurence_and' | translate}} </label>
                <input type="number" [(ngModel)]="occurence.max" (change)="editTrace($event,'Occurrence_['+i+']_playersMax')"/>
                <label> {{'occurence_player' | translate}}</label>  
            </div>
            <button mat-button (click)="removeOccurrence(i)"><mat-icon fontIcon="remove"></mat-icon></button>
        </div>
        <button mat-button class="piece-form-add" (click)="addOccurrence()"><mat-icon fontIcon="add"></mat-icon></button>
    </div>
</div>