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子句中。

Answer 2

你试过了吗？

<tbody ng-repeat="entry in vm.emailList | orderBy: ['CAUserID', 'Name']">

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

2 个答案: