Question

我正在尝试在ui-grid单元格上应用一个简单的过滤器，并为它们添加工具提示，但它不起作用。过滤器工作正常但不是工具提示。它仅在我删除过滤器时显示。 int i=100000; 这是一个plunker，我正在谈论的例子。任何帮助都是非常准确的

Answer 1

您可以修复此问题，引入自定义过滤器 - formatNumber以使用工具提示格式化数字 cellFilter: 'formatNumber:2' -

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

app.controller('MainCtrl', ['$scope', '$http', function($scope, $http) {
  $scope.gridOptions = {
    columnDefs: [{
      field: 'name'
    }, {
      field: 'amount',
      name: 'Number',
      cellFilter: 'formatNumber:2',
      cellTooltip: 'Custom tooltip - maybe some help text'

    }, {
      field: 'amount',
      name: 'Currency',
      cellFilter: 'formatNumber:2',
      cellTooltip: 'Custom tooltip - maybe some help text'
    }, ]
  };

  $http.get('data.json')
    .success(function(data) {
      $scope.gridOptions.data = data;
    });
}]);

app.filter('formatNumber', function() {
  return function(input, decimalPlaces) {
    if (isNaN(input))
      return input;
    else {
      return input.toFixed(decimalPlaces);
    }
  };
});

角度ui-grid工具提示不显示

1 个答案: