javascript - 根据出现的按钮在表格中组织列表

Question

<thead>
    <tr class="header-bg">
         <th>Action</th>
         <th>Name</th>
         <th>Email</th>
         <th>Vendor</th>
         <th>Position</th>
         <th>Phone Number</th>
         <th>Comment</th>
    </tr>
</thead>
<tbody ng-repeat="entry in vm.emailList | orderBy: Name">
    <tr>
        <td>
            <a class="btn btn-danger relative fa fa-trash-o" ng-click="vm.deleteUser(entry)"> Delete</a>
            <a class="btn btn-success relative fa fa-users" ng-show="!entry.CAUserID" ng-click="vm.approveUser(entry)"> Approve</a>
            <a class="btn btn-info relative fa fa-pencil" ng-show="entry.CAUserID" ng-click="vm.editUser(entry)"> Edit</a>
            </td>
            <td>{{entry.UserName}}</td>
            <td>{{entry.UserID}}</td>
            <td>{{entry.CompanyName}}</td>
            <td>{{vm.convertPositionName(entry)}}</td>
            <td>{{entry.PhoneNumber}}</td>
            <td>{{entry.Comment}}</td>
        </tr>
</tbody>

我现在根据是否存在 CAUserID 属性显示批准或编辑按钮。

现在我的表是根据用户名组织的。但我希望它首先根据批准或编辑按钮是否出现然后按名称进行组织。

例子:如果有两个用户有一个批准按钮，他们的名字是 John 和 Sam。然后有三个用户有一个编辑按钮，他们的名字是 Jen、Dan 和 Tim。

此列表将按如下方式组织:约翰山姆担仁蒂姆

Answer 1

按钮可见性的条件非常简单，您可以使用它代替实际的按钮可见性 - 尝试将 CAUserID 字段添加到您的 orderBy 子句。