Question

我正在尝试在值为美元的列上对网格进行排序（使用$和，包括在内），但排序无法正常工作 - 有没有办法让排序对此工作，或者如果有必要，将值设置为数字然后显示为钱？

我有：

$scope.data = [
    { 'value': '$1,000,000' },
    { 'value': '$100,000' },
....
    { 'value': '$1,000' }
];
$scope.gridOptions = {
enableSorting: true,
data: $scope.data,
columnDefs: [
...
    { name: 'Value', field: 'value', width: 110 }
]

Answer 1

我没有看到您确切的Html和其他JS代码，所以我尝试了自己单击列标题按该列排序。如果您遗漏了代码中的任何内容，请加入。我发布了我的工作示例。

Html代码，

<!doctype html>
<html ng-app="app">
  <head>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-touch.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.3/angular-animate.js"></script>
    <script src="http://ui-grid.info/release/ui-grid.js"></script>
    <link rel="stylesheet" href="http://ui-grid.info/release/ui-grid.css" type="text/css">
    <link rel="stylesheet" href="main.css" type="text/css">
  </head>
  <body>

<div ng-controller="MainCtrl">
  <br>
  <br>
  <div id="grid1" ui-grid="gridOptions1" class="grid"></div>
  <br>
</div>
    <script src="app.js"></script>
  </body>
</html>

JS代码

var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid']);

app.controller('MainCtrl', ['$scope', '$http', 'uiGridConstants', function ($scope, $http, uiGridConstants) {

  $scope.data = [
    { 'value': '$1,000,000' },
    { 'value': '$100,000' },
    { 'value': '$1,000' }
];
  $scope.gridOptions1 = {
    enableSorting: true,
    columnDefs: [
      { field: 'value',
        name:'value'},
    ],
  };
      $scope.gridOptions1.data = $scope.data;
}]);

排序角度ui网格钱列

1 个答案: