Question

<table class="custom-table">
    <tr [ngClass]="{bold:showNewTable}" dnd-draggable [dragData]="sa" (onDragStart)="dnd.set(true);"
        (onDragEnd)="dnd.set(false)" *ngFor="let sa of customerGeneralInfo?.serviceAccount"
        (click)="addToHistory('CA');sa?.accountclassCode=='SAGG' ? getSAGG(sa.p_SA_ID):getServiceAccount(sa.p_SA_ID,'CA');">
        <td>{{sa?.p_SA_ID}}</td>
        <td>{{sa?.address}}</td>
        <td *ngIf="sa?.accountclassCode=='SAGG'">{{sa?.accountclassCode}}</td>
        <td class="full-width">
            <table *ngIf="saggInfo?.serviceAccount?.length > 0 && showNewTable ">
                <tr dnd-draggable [dragData]="saggsa" (onDragStart)="dnd.set(true);" (onDragEnd)="dnd.set(false)"
                    *ngFor="let saggsa of saggInfo?.serviceAccount"
                    (click)="getServiceAccount(saggsa.p_SA_ID);addToHistory('CA');">
                    <td>
                        <i class="fa fa-chevron-right "></i>
                        {{saggsa?.p_SA_ID}}
                    </td>
                    <td>
                        {{saggsa?.address}}
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>

我有这个表，我的问题是当我从第一个表单击tr时它会打开我的所有tr并显示所有tr的相同数据。有什么建议我怎样才能打开我所点击的tr表？

Answer 1

在类中设置一个属性（比如opendId），默认值为-1。它将保留已打开的<tr>的ID。每次点击<tr>时，都会为opendId分配该tr的索引（例如从ngFor中获取）。另外，在桌子上放置一个条件，如果它的父<tr> id === openId，那么它可以显示为打开，否则，关闭。

如何打开特定tr的表？

1 个答案: