ist es möglich, Ausdruck (z. B. :{{i}}) innerhalb onclick?

Question

Ich möchte wie diese in Onclick Ausdruck verwenden:

<div *ngFor="let student of studentList;let i=index;"> 
    <div id="studentDetail{{i}}">Details....</div> 
    <div onclick="(function(){ 
    document.getElementById('studentDetail{{i}}').hidden=true; 
    })"</div> 
</div> 

I (klick) nicht verwenden möchten = ... wie es die .ts-Datei ändern muss, aber es scheint falsch, weil es zeigt, leere Seite, ist es möglich, Ausdruck wie folgt zu verwenden:

document.getElementById('studentDetail{{i}}').hidden=true; 

?

Answer 1

Dies sollte so sein implementieren,

<div *ngFor="let student of studentList;let i=index;"> 
    <div *ngIf="!student.hidden">Details....</div> 
    <div onclick="hideStudentDetail(student)"></div> 
</div> 

und in Ihrer Komponente

hideStudentDetail(){ 
    student.hidden=true; 
}