Angular2 ng對於崩潰總是相同的<tr>

Question

這裏是一位新手網頁開發人員。我使用*ngFor來創建我的<tr data-toggle="collapse" data-target="#details">。 我的經驗是，單擊一行總是摺疊相同的div而不是與之匹配的那一個。

可能有被什麼東西的事實，他們都得到了相同的ID（？）

什麼我做錯了，我怎麼能達到什麼我正在尋找？

CODE：

<template let-transaction ngFor [ngForOf]="accountTransactions"> 
    <tr data-toggle="collapse" data-target="#details"> 
     <td>{{transaction.time}}</td> 
     <td>{{transaction.description}}</td> 
     <td>{{transaction.amount}}</td> 
     <td>{{transaction.currency}}</td> 
    </tr> 
    <div class="container collapse" id="details"> 

提前感謝！

Answer 1

我曾嘗試與當前迭代對象的索引播放，並把它的data-target和可摺疊<div>這樣的id：

<template let-transaction ngFor [ngForOf]="accountTransactions" let-i="index"> 
    <tr data-toggle="collapse" [attr.data-target]="'#'+i"> 
     <td>{{transaction.time}}</td> 
     <td>{{transaction.description}}</td> 
     <td>{{transaction.amount}}</td> 
     <td>{{transaction.currency}}</td> 
    </tr> 
    <div class="container collapse" [attr.id]="i"> 

希望這會幫助別人