是否有可能在onclick中使用表达式（例如：{{i}}}？

Question

我想在onc​​lick中使用表达式，如下所示：

<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>

我不想使用（click）= ...因为它需要修改.ts文件，但它似乎不正确，因为它显示空白页面，是否可以像这样使用表达式：< / p>

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

Answer 1

这应该像这样实现，

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

并在您的组件中

hideStudentDetail(){
   student.hidden=true;
}