2017-02-20 63 views
-1

我想用表達式中的onclick是這樣的:是否可以在onclick中使用表達式(例如:{?i}})?

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

我不希望,因爲它需要修改的.ts文件來使用(點擊)= ...,但似乎不正確,因爲它表明空白頁面,是否可以像這樣使用表達式:

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

+0

*我不希望使用(點擊)= ...因爲它需要修改。 ts文件*。爲什麼?你不能修改* component *文件嗎?此外,你可以解釋更多你的情況......也許有另一種方法來完成這一點。 – developer033

回答

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; 
} 
相關問題