Javascript 将唯一标识符传递到AngularJS中？

我有一个表，其中有一个span元素，当我单击表的顶行时，我想折叠并展开它。我正在使用anuglar函数

到目前为止，这还不错，但如果我有三个相同的表，单击顶部的一行将折叠所有三个表

我可以通过某种方式将一些唯一标识符传递到collpase函数中吗

HTML

---

您可以在

ng repeat

中使用特殊变量

$index

，也可以对模型使用数组

<div ng-repeat="detail in details.detail">
    <div class="my_table">
        <table>
            <tbody>
                <tr class="top_row" ng-click="isCollapsed[$index] = !isCollapsed[$index]">
                    <td colspan="2">                            
                        <span class="f_name">
                            {{ details.f_name }}
                        </span>
                        <span class="l_name" >
                            {{ details.l_name }}
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="detail">
                        <span class="_address" collapse="isCollapsed[$index]">
                            {{ details.address }}
                        </span>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>


function CollapseCtrl($scope) {
    $scope.isCollapsed = [];
}

{{details.f_name}
{{details.l_name}
{{details.address}
函数CollapseCtrl（$scope）{
$scope.isCollapsed=[]；
}

function CollapseCtrl($scope) {
    $scope.isCollapsed = false;
}

<div ng-repeat="detail in details.detail">
    <div class="my_table">
        <table>
            <tbody>
                <tr class="top_row" ng-click="isCollapsed[$index] = !isCollapsed[$index]">
                    <td colspan="2">                            
                        <span class="f_name">
                            {{ details.f_name }}
                        </span>
                        <span class="l_name" >
                            {{ details.l_name }}
                        </span>
                    </td>
                </tr>
                <tr>
                    <td class="detail">
                        <span class="_address" collapse="isCollapsed[$index]">
                            {{ details.address }}
                        </span>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>
</div>


function CollapseCtrl($scope) {
    $scope.isCollapsed = [];
}