Angularjs orderBy on float
Angularjs orderBy on float
JS:
(function(angular) {
'use strict';
angular.module('orderByExample', [])
.controller('ExampleController', ['$scope', function($scope) {
$scope.friends =
[{name:'John', phone:'2.5-3.3-7.5', age:10},
{name:'Mary', phone:'10.5-3.7-9.1', age:19},
{name:'Mike', phone:'10-21-30', age:21},
{name:'Adam', phone:'11.1-5-10', age:35},
{name:'Robert', phone:'1-3-7', age:27},
{name:'Julie', phone:'9-15-20', age:29}];
$scope.predicate = 'phone';
$scope.reverse = true;
$scope.order = function(predicate) {
$scope.reverse = ($scope.predicate === predicate) ? !$scope.reverse : false;
$scope.predicate = predicate;
};
}]);
})(window.angular);
.HTML:
<table class="friend">
<tr>
<th>
<button ng-click="order('phone')">Phone Number</button>
<span class="sortorder" ng-show="predicate === 'phone'" ng-class="{reverse:reverse}"></span>
</th>
</tr>
<tr ng-repeat="friend in friends | orderBy:predicate">
<td>{{friend.name}}</td>
<td>{{friend.phone}}</td>
<td>{{friend.age}}</td>
</tr>
</table>
结果:
数
- 1-3-7
- 9-15-20
- 10-21-30
- 11.1-5-10
- 2.5-3.3-7.5
- 10.5-3.7-9.1
但我想要这个结果:
数
- 1-3-7
- 2.5-3.3-7.5
- 9-15-20
- 10-21-30
- 10.5-3.7-9.1
- 11.1-5-10
我想仅根据电话号码进行排序。http://plnkr.co/edit/JI8bJ54C3ARurK5w1hFU?p=preview
在您的示例中,您已经映射了phoneNumber
并对其进行了排序:
.map(function(friend) {
// this removes all non-digits
friend.phoneNumber = Number(friend.phone.replace(/[^'d]/g, ''));
return friend;
})
如果您想保持phoneNumber
原样,只需map()
它并使用parseFloat()
:
.map(function(friend) {
// this will create a float from the first part until dash of friend.phone
friend.phoneNumber = parseFloat(friend.phone);
return friend;
})
普伦克
相关文章:
- 使用 jQuery 的 .on 函数如何获取事件的原始元素
- I'我设计了一个下拉菜单,onclick会出现,而on blur会消失
- window.on.scroll事件未启动
- Socket.io on Mozilla Rhino
- CSS中的游标属性似乎不适用于USB On The Go
- jQuery点击ON现在使用.load触发关闭
- JQuery.on(“keydown”)追加到页面时不工作
- 使用.on动态添加jquery/js不知道的html元素
- angularjs$valid-on-dates在firefox中报告错误
- addEventListener on NodeList
- 当我在节点上拖动鼠标时,我如何防止使用d3.ehavior.zoom().on(“缩放”,重绘)
- jQuery 1.7.2:.on()在一个页面上工作;Don’别再干别的了
- Jquery on单击“显示信息”
- 平均值.on(事件[,选择器][,数据],处理程序)
- 多个jQuery.on()事件无法运行xBrowser(取决于顺序)
- 如何使jQuery的“bind”或“on”事件处理程序幂等
- 无法使以下ng on click outside指令在同一页面上的两个元素上工作
- Javascript mozfullscreenchange on Firefox
- Angularjs orderBy on float
- Ruby on Rails:将Float Value限制为小数点后5位