<div class="form">
    <div class="form-comment">
        <textarea [disabled]="!isEditable" [(ngModel)]="comment.content" (change)="editTrace($event, 'comment')"></textarea>
        <div class="form-comment-buttons">
            <button mat-button (click)="isEditable = !isEditable">Modifier</button>
            <button mat-button (click)="removeComment(index)">Supprimer</button>
        </div>  
    </div>
    <div class="form-answers" *ngFor="let answer of comment.answers, let i = index;trackBy:trackByIdx">
        <textarea [disabled]="!answerEditables[i]" [(ngModel)]="comment.answers[i]" (change)="editTrace($event,'answer_['+i+']')">Une réponse</textarea>
        <div class="form-comment-buttons">
            <button mat-button (click)="this.answerEditables[i] = !this.answerEditables[i]">Modifier</button>
            <button mat-button (click)="removeAnswer(i)">Supprimer</button>
        </div>  
    </div>
    <div class="form-newanswer">
        <textarea [(ngModel)]="newAnswer" (change)="editTrace($event,'newAnswer')"></textarea>
        <div class="form-newanswer-buttons">
           <button mat-button (click)="addAnswer()">Répondre</button> 
        </div>
    </div>
</div>