我想在点击标题时在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,还是应该创建一个函数来对结果集进行排序.非常感谢任何关于如何进行的例子.