jquery - Angular2 ngFor 崩溃总是一样的

Question

这里是一个菜鸟网络开发人员。

我曾经*ngFor创建我的<tr data-toggle="collapse" data-target="#details">. 我的经验是，单击一行总是会折叠相同的div，而不是与之匹配的。

可能必须与他们都获得相同的ID（？）

我做错了什么，我怎样才能实现我正在寻找的东西？

代码：

<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和 中，如下所示：id<div>

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

希望它会帮助某人