Angular - 具有基于对象的动态id的可折叠行

时间:2018-06-04 18:30:49

标签: angular

我在做一个可折叠的行时遇到了麻烦。我想要做的是向隐藏行添加一个ID,并使用我正在调用的对象的id。 但我不确定其语法。

我找到了一个例子并且改变了一些东西,它只适用于一行,但是该按钮适用于每一个隐藏的行,我很遗憾在它隐藏的行上添加一个ID或类似的东西。

<ng-container *ngFor="let info of infos; let i = index">
    <tr>
        <td>
            <button type="button" class="btn btn-outline-primary" 
              (click)="isCollapsed = !isCollapsed" 
               [attr.aria-expanded]="!isCollapsed" aria-controls="isCollapsed">
                Toggle
            </button>
        </td>
        <td>{{info.name}}</td>
    </tr>
    <tr [attr.id]="collapsed1" [ngbCollapse]="isColapsed">
        <td>Extra info</td>
        <td>as</td>
    </tr>
</ng-container>

另外,我对[ngbCollapse],[attr.aria-expanded]和aria-controls如何感到有点失落。

最简单的方法是什么? 我正在使用的对象包含没有任何特定顺序的id。

0 个答案:

没有答案