Javascript angularjs上升距离和下降距离工作不正常？

我在这里附上了升天之地的代码。下降位置工作正常。当我做上升距离时，下降距离不能正常工作

随信附上我的签名：

angular.module（'myApp'，[]）
.controller（“myCntrl”，函数（$scope，$filter）{
风险值数据=[{
地点：“地点1”，
距离：“4.97公里”，
}, {
地点：“地点2”，
距离：“2.97公里”，
}, {
地点：“地点3”，
距离：“3.23公里”，
}, {
地点：“地点4”，
距离：“14.85公里”，
}, {
地点：“地点5”，
距离：“7.04公里”，
}, {
地点：“地点6”，
距离：“12.62公里”，
}
];
$scope.tests=数据；
var orderBy=$filter（'orderBy'）；
$scope.order=函数（谓词，反向）
{
$scope.tests=orderBy（$scope.tests，谓词，反向）；
};
控制台日志（数据）；
});

学生名单
▲ A-Z名称
▼ Z-A名称
▲ 上升距离
▼ 下降距离






{{test.Place}

{{test.Distance}}












删除距离值中的引号。OrderBy是按字符串排序“距离”（输出似乎仅按第一位数字排序），而不是按浮点排序

var data = [
  { Place: "Place1", Distance: 4.97 },
  { Place: "Place2", Distance: 2.97 }, 
  { Place: "Place3", Distance: 3.23 },
  { Place: "Place4", Distance: 14.85 },
  { Place: "Place5", Distance: 7.04 },
  { Place: "Place6", Distance: 12.62 }
];

编辑：如果您从另一个源接收数据，则必须将这些值从字符串转换为浮点值

angular.forEach($scope.tests, function (test) {
  test.Distance = parseFloat(test.Distance);
});

可能重复：