Angular ui-网格工具提示未显示

Question

我试图在 ui- 网格单元格上应用一个简单的过滤器并向它们添加工具提示，但它不起作用。过滤器工作正常但工具提示不工作。它仅在我删除过滤器时显示。 cellFilter: 'number: 2', cellTooltip: 'Custom tooltip - maybe some help text' 这是一个 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);
    }
  };
});

Angular ui-网格工具提示未显示

Angular ui-grid tooltip not displaying

angularjs

angular-ui-grid