小编Pra*_*een的帖子

基于单击的标题在Angular4中排序

我想在点击标题时在Angular4上实现排序.我希望整个结果集在单击的字段上排序.我能够在Angular1中使用这样的东西

 ng-click="sortType = 'empId'; sortReverse = !sortReverse;"
Run Code Online (Sandbox Code Playgroud)

而我的ng-repeat就是这样的

 ng-repeat="employees in searchresponse|orderBy:sortType:sortReverse"
Run Code Online (Sandbox Code Playgroud)

我如何实现类似这样或类似的东西,允许我在单击时按升序/降序对字段进行排序.这就是我从Angular4开始并且当前卡住了

<table class="table table-bordered table-fixed  table-striped text-center">
    <tr style=" background-color: #bccbd4 ">
        <td class="tabH1" align="center">
            <a>
                <u>EmpId</u>
            </a>
        </td>
        <td class="tabH1" align="center">
            <a>
                <u>Name</u>
            </a>
        </td>
        <td class="tabH1" align="center">
            <a>
                <u>Mobile-Num</u>
            </a>
        </td>
    </tr>
    <tr *ngFor="let emp of empList">
        <td align="center">{{emp.id}}</td>
        <td align="center">{{emp.name}}</td>
        <td align="center">{{emp.mobile}}</td>
    </tr>
</table>
Run Code Online (Sandbox Code Playgroud)

我的样本JSON

this.empList = [
    {
        id: '1',
        name: 'test',
        mobile: '1234567890'
    },
    {
        id: '2',
        name: 'kumar',
        mobile: '9786543210'
    }
];
Run Code Online (Sandbox Code Playgroud)

当单击id时,我想要根据empId对整个JSON进行排序.我应该创建自己的Pipe,还是应该创建一个函数来对结果集进行排序.非常感谢任何关于如何进行的例子.

javascript sorting json angularjs angular

1
推荐指数
1
解决办法
4355
查看次数

标签 统计

angular ×1

angularjs ×1

javascript ×1

json ×1

sorting ×1